Log In · Register

 
Sliced Banner for 2.0
eligo
post Jul 18 2009, 05:01 PM
Post #1


Newbie
*

Group: Member
Posts: 7
Joined: Nov 2008
Member No: 700,620



Hello :)

I have created a sliced banner under the navigation bar. The only problem that I have is the pages to external sites just won't open in a new window.

I have target="_blank" in each codes but it seams to disappear each time I would save changes in About Me section. I have no idea why.

Also the sliced banner is best viewable in FF. In IE and Opera is a bit messed up. The top of the banner overlays navigation bar for about 10 or 20 px. Any idea how can I fix both isues? Thank you in advance for your help.

Here is the link to the

And here are the codes that I have used for the banner

CSS

CODE
body {top:884px;}
.topbanner {position:absolute; top:0px; left:50%; margin-left:-705.5px;}
body {margin-top:884px;}

div.contentTop {
left: 50%;
margin-left: -330px;
position: absolute;
top: 1080px;
width: 629px;
height: 620px;
background-color: #ffffff;
z-index: 3;
overflow: hidden;
}

div.blurbsModule h4 { display:none }

div.basicInfoModule div.moduleTop div div{ background-image:url(); height:610px; background-position:bottom right; background-repeat:repeat-x; border:0px;}

div.basicInfoModule div.moduleMid { background: url(http://i31.tinypic.com/347tc0z.jpg) repeat-x; padding: 0; }

EligoDesign. div#footer { background-color:transparent; padding:0 0 20px 0;}
div#footer a { color: #ffffff}
div#footer div { padding:10px 0; color: #ffffff}

EligoDesign .moduleList .even, .moduleList .even {background-color:TRANSPARENT; color:#TRANSPARENT; border:0;}
EligoDesign. strong, b, div.commentsModule p.datePosted, span.count {color:#ffffff; font-size:12px; font-family:georgia; font-weight:bold;}
ul.profileUserAlbum li {background-color:TRANSPARENT; padding:0px; border:0;}
div.wrap {background-image:url();
background-attachment:fixed; background-position:top left; background-repeat:repeat; border:0px solid #FFF; width:800px;}
body {background-image:url(http://i26.tinypic.com/otkbxy.jpg);
background-attachment:fixed; background-position:center center; background-repeat:repeat; background-color:FFF;}
div.moduleBody a:hover, a:hover {color:#ffffff; font-family:georgia; font-size:12px; letter-spacing:0; text-decoration:none; }
div.detailsModule li strong {background-color:#3d4c59; color:#FFFFFF; font-family:georgia; font-size:10px; letter-spacing:0; border:0px solid #ffffff; display:block; float:left; width: 80px; line-height: 12px; margin-right:11px; padding-left:2px;}
div.moduleBody a, a:link, a:active, a:visited {color:#ffffff; font-family:georgia; font-size:12px; letter-spacing:0; text-decoration:none; }
.moduleList .even, .moduleList .even {background-color:TRANSPARENT; color:#ffffff; border:0;}
div.basicInfoModule div.basicInfoDetails h2 {background-image:url(http://i31.tinypic.com/347tc0z.jpg);border-bottom:2px solid #ffffff; font-family:georgia; color:#ffffff; text-transform:lowercase; font-size: 22px; font-weight:bold; text-align:center; padding-left:2px; display: block; letter-spacing:0;}
h3.moduleHead {background-color:TRANSPARENT;border-bottom:0px solid #FFF; font-family:georgia; color:#ffffff; text-transform:lowercase; font-size: 22px; font-weight:bold; text-align:center; padding-left:2px; display: block; letter-spacing:0;}
h4 {background-color:#3d4c59; color:#FFF; font-weight:bold; font-family:georgia; font-size:10px; color:#ffffff; letter-spacing:0; border:0px solid #b2be64; display:block; padding-left:0px; line-height: 12px; text-transform:lowercase; font-weight:normal;}
div#header, div#googlebar, #topnav {background-color:#3d4c59;}
#topnav ul {border-right: 1px #3d4c59 solid;}
#topnav ul li {border-left: 1px #3d4c59 solid;}
#topnav ul li a:hover {background-color:#ffffff; color:#FFF;}
div.moduleBody {background-color:TRANSPARENT; color:#ffffff; font-size:12px; font-family:georgia; font-size:12px; color:#fff; }
div.module {background-color:TRANSPARENT; border:0px solid #ffffff; padding:5;}

div.commentsModule ul.moduleList li { background-color: transparent; }
div.commentsModule a.profileLink,
div.commentsModule h3 { color: transparent; }
div.commentsModule div.userComment { background-color: transparent; }
div.commentsModule div.user { background: transparent; background-color: transparent; font-color: #ffffff}
div.commentsModule p.datePosted { font-weight: bold; color: #ffffff; }
div.commentsModule ul.moduleList li ul.commentsInfo li { font-size:80%; line-height: 1.2em; background-color: transparent; border-right: 1px solid #000000; }
div.commentsModule ul.moduleList li {background-color: transparent;}



About Me

CODE
<div class="contentTop">
<img src="http://i30.tinypic.com/2dqprud.jpg" width="629" alt="RACPA bg" />

<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0yMTA1MTg1Mzk=">
<img src="http://i28.tinypic.com/30co93t.jpg" width="66" alt="RACPA message" /></a>

<a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJZD0yMTA1MTg1Mzk="><img src="http://i31.tinypic.com/ml0186.jpg" width="47" alt="RACPA add" /></a>


<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwuZm9y
2FyZCZmcmllbmRJRD0yMTA1MTg1MzkmZj1mb3J3YXJkcHJvZmlsZQ=="><img src="http://i28.tinypic.com/2wfmknd.jpg" width="80" alt="RACPA forward" /></a>

<a href="http://www.msplinks.com/MDFodHRwOi8vcHJvZmlsZWVkaXQubXlzcGFjZS5jb20vaW5kZXguY2ZtP2Z1c2VhY3Rpb249dXNlci5h
GRUb0Zhdm9yaXRlJmZyaWVuZElEPTIxMDUxODUzOSZwdWJsaWM9MA=="><img src="http://i25.tinypic.com/2j46pog.jpg" width="48" alt="RACPA fave" /></a>

<a href="http://www.myspace.com/racpevents" target="_blank"><img src="http://i28.tinypic.com/i2vy9z.jpg" width="119" alt="RACPA events" /></a>


<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LnJvY2thZ2FpbnN0Y2hpbGRwb3Jub2dyYXBoeS5vcmc=" target="_blank">
<img src="http://i30.tinypic.com/2njgc5y.jpg" width="75" alt="RACPA website" /></a>

<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmZhY2Vib29rLmNvbS9ncm91cC5waHA/Z2lkPTEwNjE5MTI1MjQz" target="_blank"><img src="http://i29.tinypic.com/2mgm9ft.jpg" width="87" alt="RACPA facebook" /></a>

<a href="http://www.msplinks.com/MDFodHRwOi8vdHdpdHRlci5jb20vUkFDUEFVSw==" target="_blank"><img src="http://i31.tinypic.com/2ztefrc.jpg" width="69" alt="RACPA twitter" /></a>

</div>
 
 
Start new topic
Replies
eligo
post Jul 18 2009, 07:13 PM
Post #2


Newbie
*

Group: Member
Posts: 7
Joined: Nov 2008
Member No: 700,620



thanks alot, Mike. _smile.gif I'll leave the banner as it is now. Maybe it has to do with MySpace's prohibition on linking to external sites.
 

Posts in this topic
eligo   Sliced Banner for 2.0   Jul 18 2009, 05:01 PM
eligo   thanks alot, Mike. I'll leave the banner as ...   Jul 18 2009, 07:13 PM


Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: