Wow Web Designs Forums Home

Search
   
Members

Calendar

Help

Home
Search by username
Not logged in - Login | Register 


Idle None Scrolling Backgrounds
 Moderated by: Aycan  

New Topic

Reply

Print
AuthorPost
Distortion
Member


Joined: Wed Feb 2nd, 2005
Location:  
Posts: 41
Status:  Offline
Mana: 
 Posted: Sun Feb 6th, 2005 03:06 am

Quote

Reply
Hey guys. Im maken a site for a client of mine and im very new to the professional web design. Before now it was all trial and error for learning HTML and what not. Now I dont have time for error.(I'll be on the guest list for every one of there concerts for doing the site :cool: )

here is a site that has what I need. I tried reading the source code and trying to work from that but I just cant get it. I need to know what to do.http://www.lamcore.com
You will see that in the frame with all the text, when you scroll the background does not move and that is a realy nice looking feature. Now I figured out what the code was called I think. ALLOWTRANSPARENCY="true" But I cant seem to figure out how to use it. Here is my clients site that I made fast and I want to spiff it up. http://www.aperfectdisaster.cjb.net

So I need to know how to make the "centerframe" have a background of my choosing to stay idle and have everything scroll.

Would be much much appretiated since this will give the site the look it needs. Also a background but that can be done later... im just going and going :shock:

Somebody save me! :cool:

Last edited on Sun Feb 6th, 2005 03:08 am by Distortion

relaxzoolander
Super Moderator


Joined: Sun Jan 25th, 2004
Location: Columbus, Ohio USA
Posts: 459
Status:  Offline
Mana: 
 Posted: Sun Feb 6th, 2005 09:49 am

Quote

Reply
dis!

heres the page code:

<BODY background="band.jpg" leftmargin="0px" topmargin="0px" marginwidth="0px" marginheight="0px">
<img src="band.jpg" usemap="#band" border="0">

<map name="band">
<area shape="poly" coords="240,0,222,68,330,98,334,80,310,82,300,4,284,0,240,0" href="lama5.html" target="asdmain">
<area shape="poly" coords="302,2,318,0,412,0,420,70,312,82,302,2" href="news.html" target="main">
<area shape="poly" coords="382,78,384,88,492,74,490,62,456,54,468,2,416,6,422,70,384,78" href="resume.html" target="main">
<area shape="poly" coords="570,2,556,74,458,54,470,0,570,0" href="contact.html" target="main">
<area shape="poly" coords="540,72,548,100,628,84,638,80,636,0,570,10,558,76,542,74" href="links.html" target="main">
<area shape="poly" coords="7,403,1,418,77,432,84,419,11,403" href="preload1.html" target="asdmain">
<area shape="poly" coords="84,417,87,436,222,434,218,415,87,417" href="preload2.html" target="asdmain">
<area shape="poly" coords="230,410,231,427,297,431,298,414,232,409" href="preload3.html" target="asdmain"></map>

<div style="position: absolute; top: 424px; left: -9px;">
<iframe FRAMEBORDER="0" BORDER=0 width="640" height="200" src="lama5.html" name=asdmain scrolling=no ALLOWTRANSPARENCY="true"></iframe></div>

<div style="position: absolute; top: 105px; left: 47px;">
<iframe FRAMEBORDER="0" BORDER=0 width="591" height="295" src="news.html" name=main scrolling=auto ALLOWTRANSPARENCY="true" style="FILTER: chroma (color=F16861);"></iframe></div>

</body> 


the text is simply in a scrolling layer with 'transparency'.
this allows the body background image 'band.jpg' to show through.

look at this page without the fixed window size...it may help --->
lamcore.com/lama2.html

got it or need more help?

:D

r|z
----------------------------------------------------------------------------------
the best web design is sometimes a process of viewing the source code



 

Distortion
Member


Joined: Wed Feb 2nd, 2005
Location:  
Posts: 41
Status:  Offline
Mana: 
 Posted: Sun Feb 6th, 2005 09:27 pm

Quote

Reply
so then how would I make my "centerframe's" background show threw so I can put an image behind it to show through?

here is the site http://www.aperfectdisaster.cjb.net

relaxzoolander
Super Moderator


Joined: Sun Jan 25th, 2004
Location: Columbus, Ohio USA
Posts: 459
Status:  Offline
Mana: 
 Posted: Sun Feb 6th, 2005 10:39 pm

Quote

Reply
why are you using frames?
the above example uses iframes.

:?

r|z
----------------------------------------------------------------
web development

Distortion
Member


Joined: Wed Feb 2nd, 2005
Location:  
Posts: 41
Status:  Offline
Mana: 
 Posted: Mon Feb 7th, 2005 06:16 am

Quote

Reply
yah im using iframes... but Im not to good with termonolegy or spelling :P

relaxzoolander
Super Moderator


Joined: Sun Jan 25th, 2004
Location: Columbus, Ohio USA
Posts: 459
Status:  Offline
Mana: 
 Posted: Mon Feb 7th, 2005 07:18 pm

Quote

Reply
i dont see any iframes anywhere on your pages.
you are using frames as far as i can see.

:P

r|z
----------------------------------------------------------------
web page design

Distortion
Member


Joined: Wed Feb 2nd, 2005
Location:  
Posts: 41
Status:  Offline
Mana: 
 Posted: Mon Feb 7th, 2005 10:02 pm

Quote

Reply
here is my coding for the iframe.

<iframe name="centerframe" id="centerframe"
src="news.htm" width=100% marginwidth=1 height=300 marginheight=0 scrolling="auto" frameborder=0 code continues on next line> thats only a bit of it

relaxzoolander
Super Moderator


Joined: Sun Jan 25th, 2004
Location: Columbus, Ohio USA
Posts: 459
Status:  Offline
Mana: 
 Posted: Mon Feb 7th, 2005 10:55 pm

Quote

Reply
dis!

you need to do the following:


---change your index.htm page iframe code to this:
[allow transparency]
<IFRAME id=centerframe name=centerframe marginWidth=1
      marginHeight=0 ALLOWTRANSPARENCY="true" src="index_files/news.htm" frameBorder=0 width="100%"
      height=300></IFRAME>


---change your index.htm body tag to this:
[add an image to the background]
<BODY background="index_files/news_files/bg.jpg">


---change the news.htm [and all others] body css to this:
[make it transparent]
BODY {
 SCROLLBAR-FACE-COLOR: #1d1d1d; FONT-SIZE: 10px; MARGIN: 0px 10px; SCROLLBAR-HIGHLIGHT-COLOR: #2d2d2d; SCROLLBAR-SHADOW-COLOR: #1d1d1d; COLOR: #b4bfaa; SCROLLBAR-3DLIGHT-COLOR: #1d1d1d; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #030303; FONT-FAMILY: Verdana, Tahoma, Arial, sans-serif; SCROLLBAR-DARKSHADOW-COLOR: #000000; background-color:transparent;
}


---remove all of the background colors of the table rows on the news.htm page.

that should do it.
here is the result:
http://www.moshbox.com/files/perfect.htm


:P

r|z
---------------------------------------------------------------
web site designer in columbus ohio

Distortion
Member


Joined: Wed Feb 2nd, 2005
Location:  
Posts: 41
Status:  Offline
Mana: 
 Posted: Tue Feb 8th, 2005 08:59 pm

Quote

Reply
Very nice dude. Thanks a bunch. but... lol I only want it to be transperantin the frame area. i dont want it to be all over the site
:?

Last edited on Tue Feb 8th, 2005 09:16 pm by Distortion

relaxzoolander
Super Moderator


Joined: Sun Jan 25th, 2004
Location: Columbus, Ohio USA
Posts: 459
Status:  Offline
Mana: 
 Posted: Tue Feb 8th, 2005 11:49 pm

Quote

Reply
well...good luck with that.

:)

r|z
-----------------------------------------------------------
columbus ohio web site photographer

Distortion
Member


Joined: Wed Feb 2nd, 2005
Location:  
Posts: 41
Status:  Offline
Mana: 
 Posted: Wed Feb 9th, 2005 12:50 am

Quote

Reply
U don't know how? Rats... this gonna be tuff lol

relaxzoolander
Super Moderator


Joined: Sun Jan 25th, 2004
Location: Columbus, Ohio USA
Posts: 459
Status:  Offline
Mana: 
 Posted: Wed Feb 9th, 2005 02:40 am

Quote

Reply
theres comes a time
when the momma bird
has to push the baby bird
out of the nest
to see if he can fly
on his own.

:P

r|z
-----------------------------------------------------------
ohio web design testing and design

Distortion
Member


Joined: Wed Feb 2nd, 2005
Location:  
Posts: 41
Status:  Offline
Mana: 
 Posted: Wed Feb 9th, 2005 02:58 am

Quote

Reply
Mommy, baby go boom boom... :P:

Im trying momma I realy am!

any hints?

Distortion
Member


Joined: Wed Feb 2nd, 2005
Location:  
Posts: 41
Status:  Offline
Mana: 
 Posted: Wed Feb 9th, 2005 03:05 am

Quote

Reply
awww i got it to work. I tried the same thing last time but id did not work. I dont know what happened. O well :P:P:P

thanks. How do i get mana?

relaxzoolander
Super Moderator


Joined: Sun Jan 25th, 2004
Location: Columbus, Ohio USA
Posts: 459
Status:  Offline
Mana: 
 Posted: Wed Feb 9th, 2005 04:54 am

Quote

Reply
you are supposed to give me the mana for being such a 'helper'.

:cool:

r|z
--------------------------------------------------------------
graphic designer

Distortion
Member


Joined: Wed Feb 2nd, 2005
Location:  
Posts: 41
Status:  Offline
Mana: 
 Posted: Mon Feb 14th, 2005 11:35 pm

Quote

Reply
Ooohh thats what that is... I was trying to figure out why i wasnt getting any. I thought it was like post pips. How do i give u mana?

relaxzoolander
Super Moderator


Joined: Sun Jan 25th, 2004
Location: Columbus, Ohio USA
Posts: 459
Status:  Offline
Mana: 
 Posted: Tue Feb 15th, 2005 05:09 am

Quote

Reply
click on the user name and use 'add mana' in the drop down menu.

:D

r|z
----------------------------------------------------------------
columbus ohio photographer


 Current time is 03:36 am




Powered by WowBB 1.7 - Copyright © 2003-2006 Aycan Gulez
Page processed in 0.2373 seconds (12% database + 88% PHP). 16 queries executed.