Adobe Dreamweaver Forums



Last 10 THreads :         On hitTest go to next frame? Why doesn't this work? (Last Post : Koolaz Games - Replies : 0 - Views : 1 )           »          Contribue won't allow Images to be inserted (Last Post : RiderAlberta - Replies : 0 - Views : 1 )           »          This just sucks.... (Last Post : TC2112 - Replies : 11 - Views : 12 )           »          Update from array (Last Post : -==cfSearching==- - Replies : 3 - Views : 4 )           »          PHP Notice Problem (Last Post : UteFanJason - Replies : 7 - Views : 8 )           »          Limited Ammo (Last Post : kglad - Replies : 19 - Views : 20 )           »          Icon Text sticks when returning to home page.. (Last Post : kglad - Replies : 1 - Views : 2 )           »          controlling Flash player (Last Post : motonutty - Replies : 0 - Views : 1 )           »          Communicating with FLASH player via actionscript (Last Post : motonutty - Replies : 0 - Views : 1 )           »          button skin (Last Post : Merlyn MM - Replies : 4 - Views : 5 )           »         


Home Register FAQ Members List Calendar Search Today's Posts Mark Forums Read
User Info Statistics
Go Back   Adobe Dreamweaver Forums > Dreamweaver: Main > Dreamweaver General
 
Tags: , , , , ,

Reply
  #1 (permalink)  
Old 07-23-2008, 10:11 AM
Sw Jiten
 
Posts: n/a
Diggs:
Default Re: Setting an icon on the top right zone of screen

Could you please fill the whole example ? it won't take a couple of lines I
guess.. I am confused and can't get it yet...

what I have now is :

but now... that shows me the backcolor in linear degrad? color.. perfect.. but
how do I also add another esthetic icon on the top right corner of the screen
?? let's say "cornerimage.gif" for example....

Thanks in advance...

<style type="text/css">
<!--
body {
background-image: url(img/strip.jpg);
}

.style1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
}

-->
</style>

Reply With Quote
Sponsored Links
  #2 (permalink)  
Old 07-23-2008, 12:16 PM
Murray *ACE*
 
Posts: n/a
Diggs:
Default Re: Setting an icon on the top right zone of screen

Add it as a background image using CSS -

background-position:right top

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================


"Sw Jiten" <jiten@elmochilero.com> wrote in message
news:g66ti9$jjk$1@forums.macromedia.com...
> Could you please fill the whole example ? it won't take a couple of lines
> I
> guess.. I am confused and can't get it yet...
>
> what I have now is :
>
> but now... that shows me the backcolor in linear degrad? color.. perfect..
> but
> how do I also add another esthetic icon on the top right corner of the
> screen
> ?? let's say "cornerimage.gif" for example....
>
> Thanks in advance...
>
> <style type="text/css">
> <!--
> body {
> background-image: url(img/strip.jpg);
> }
>
> .style1 {
> font-family: Verdana, Arial, Helvetica, sans-serif;
> font-size: 12px;
> color: #FFFFFF;
> }
>
> -->
> </style>
>


Reply With Quote
  #3 (permalink)  
Old 07-24-2008, 03:08 PM
Sw Jiten
 
Posts: n/a
Diggs:
Default Re: Setting an icon on the top right zone of screen

Murray:

As you can see on the Code I've attached.. I already have another file to be
set as the background image... so If I declare another one for background
image.. it will work but not the last one... and the point is I need both of
them: the first one is a Linear-colored strip for all the page, and the second
one is just a small icon to set on the tor right.. please... send me a short
example if possible... thanks so much,



Reply With Quote
  #4 (permalink)  
Old 07-24-2008, 03:44 PM
Murray *ACE*
 
Posts: n/a
Diggs:
Default Re: Setting an icon on the top right zone of screen

As I said originally, use nested containers, each with their own background
iamge.

<div style="background-image:url(foo1.gif);">...
<div style="background-image:url(foo2.gif);">...
</div>
</div>

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================


"Sw Jiten" <jiten@elmochilero.com> wrote in message
news:g6a4lf$f60$1@forums.macromedia.com...
> Murray:
>
> As you can see on the Code I've attached.. I already have another file to
> be
> set as the background image... so If I declare another one for background
> image.. it will work but not the last one... and the point is I need both
> of
> them: the first one is a Linear-colored strip for all the page, and the
> second
> one is just a small icon to set on the tor right.. please... send me a
> short
> example if possible... thanks so much,
>
>
>


Reply With Quote
  #5 (permalink)  
Old 07-24-2008, 05:09 PM
Sw Jiten
 
Posts: n/a
Diggs:
Default Re: Setting an icon on the top right zone of screen

hey ! I seems to be hard ! please Murray... I just can't understand.. I have
been trying to declaare them inside the style but nothing happens.... would you
mind please to give me a more detailed example ? Sorry for this, but this is
very important and I can't achieve it yet.... !

Reply With Quote
  #6 (permalink)  
Old 07-24-2008, 05:09 PM
Murray *ACE*
 
Posts: n/a
Diggs:
Default Re: Setting an icon on the top right zone of screen

The best way to do this is for you to show me what you have tried. Can you
upload a page, and post a link?

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================


"Sw Jiten" <jiten@elmochilero.com> wrote in message
news:g6acfo$ni8$1@forums.macromedia.com...
> hey ! I seems to be hard ! please Murray... I just can't understand.. I
> have
> been trying to declaare them inside the style but nothing happens....
> would you
> mind please to give me a more detailed example ? Sorry for this, but this
> is
> very important and I can't achieve it yet.... !
>


Reply With Quote
  #7 (permalink)  
Old 07-24-2008, 05:43 PM
Sw Jiten
 
Posts: n/a
Diggs:
Default Re: Setting an icon on the top right zone of screen

Sure ! thanks ! See... this one is the link :

http://www.factorialamilla.com/

As you can see, this works fine with the corner icon "Recommended Website",
however, I also need to make the whole background of he website in "degrad?
linear color" (by now it only has one color) so I am trying to also you this
colored strip :

http://www.factorialamilla.com/img/strip.jpg


thanks in advance for your help !



Reply With Quote
  #8 (permalink)  
Old 07-25-2008, 01:07 AM
Murray *ACE*
 
Posts: n/a
Diggs:
Default Re: Setting an icon on the top right zone of screen

The color strip is not the same color family as the background color.

And, I really don't approve of your code for this page, but that's another
story.

Here's what I mean -

http://www.murraytestsite.com/jiten.html

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================


"Sw Jiten" <jiten@elmochilero.com> wrote in message
news:g6aem6$psf$1@forums.macromedia.com...
> Sure ! thanks ! See... this one is the link :
>
> http://www.factorialamilla.com/
>
> As you can see, this works fine with the corner icon "Recommended
> Website",
> however, I also need to make the whole background of he website in
> "degrad?
> linear color" (by now it only has one color) so I am trying to also you
> this
> colored strip :
>
> http://www.factorialamilla.com/img/strip.jpg
>
>
> thanks in advance for your help !
>
>
>


Reply With Quote
  #9 (permalink)  
Old 07-31-2008, 05:25 AM
Sw Jiten
 
Posts: n/a
Diggs:
Default Re: Setting an icon on the top right zone of screen

Dear Murray :

1) I can not enter the link you sent me.. I do not know why... I even tried :
www.murraytestsite.com and nothing...

2) You said you neither approve parts of my code... I will appreciate to know
what parts...? This ia s great opportunity for me to learn from a big one like
you, so please do not dissapoint me and show me how to optimize some parts that
you might consider... thanks !!!

Reply With Quote
  #10 (permalink)  
Old 07-31-2008, 04:01 PM
Joe Makowiec
 
Posts: n/a
Diggs:
Default Re: Setting an icon on the top right zone of screen

On 31 Jul 2008 in macromedia.dreamweaver, Sw Jiten wrote:

> Dear Murray :
>
> 1) I can not enter the link you sent me.. I do not know why... I
> even tried :
> www.murraytestsite.com and nothing...


Works fine here.

> 2) You said you neither approve parts of my code... I will
> appreciate to know
> what parts...? This ia s great opportunity for me to learn from a
> big one like you, so please do not dissapoint me and show me how to
> optimize some parts that you might consider... thanks !!!


..style15 {font-size: 10px}
</style>
<!--Fireworks 8 Dreamweaver 8 target. Created Sat Apr 12 00:55:50 GMT-0500 2008-->
</head>
<body bgcolor="#74acc7">
<table width="779" border="0" align="center" cellpadding="0" cellspacing="0">
<!-- fwtable fwsrc="websitetemplate.png" fwbase="websitetemplate.gif" fwstyle="Dreamweaver" fwdocid = "1112975483" fwnested="0" -->
<tr>
<td><img src="img/spacer.gif" width="20" height="1" border="0" alt="" /></td>
<td><img src="img/spacer.gif" width="9" height="1" border="0" alt="" /></td>
<snip>
<div id="flashheader">
</div>
<script type="text/javascript">
var so = new SWFObject("header.swf", "movie", "557", "87", "8", "#74ACC7");
so.write("flashheader");
</script>
<snip>
<td rowspan="5" colspan="7">

Murray's being way too nice. Where to begin?

See the style above? Note that it says 'style15' - it means that
you're using DW's properties bar to create a whole bunch of separate
little CSS styles. They're tough to keep track of, and you wind up
with a bunch of them scattered through your code. Think through your
CSS, create your classes in your (external) stylesheet, and apply them
as necessary.

You used Fireworks to export HTML code. Fireworks creates notoriously
fragile HTML. That's the reason for the line of spacer .gifs.
They're totally unnecessary and bloat your code with no need. That's
also the reason for having a rowspan and a colspan on the td. I
wouldn't even attempt to try to sort something like that out.

You used Flash for navigation. That doesn't work for people using
assistive devices to visit your site, it doesn't work for people who
don't have Flash, and probably more important, it doesn't work for
search engines.

You use an iframe on the page. That creates an internal scrollbar.
This one is arguable, but many of us consider internal scrollbars to
be a detriment to usability.

In my opinion - your best bet? Start over. Take your fireworks comp,
slice it up, and use the slices as parts to a page you create using
one of DW's built-in sample pages.

--
Joe Makowiec
http://makowiec.net/
Email: http://makowiec.net/contact.php
Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On



© Camley Interactive (camley.info) 2008 - all logos and images are copywrite their respective owners.
Proud member of the Camley Interactive Network
All times are GMT. The time now is 12:13 AM.


Powered by vBulletin® Version 3.6.8
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.1.0 ©2007, Crawlability, Inc.
Inactive Reminders By Mished.co.uk