phera v4: rockSTAR Options

[haldenlith]

My first layout that I tried to make compatible on both IE and Firefox. Man, did FF give me hell for trying, but I got it.

But there's still things that look spiffier in IE. Just a heads up on that. ^_~

Phera

[OneOfTheseDayz]

thanks for the heads up so I could change to IE. It looks really good. The only thing I don't like is the nav. Its too...... "open" but thats just my personaly preference. Nice job.

[talcumpowder]

The huge black space to the left of the image focus bothers me. It serves no purpose. I think the nagivation should be moved up into that area and then the blog should be fitted across the under. Lovely otherwise though. &props for making it cross browser. =3

[paopuu]

Yea. I suggest you edit the image and probably, make a blend with another image. It's too empty. Personally, the font bugs me. I think it gives off a 'default' aura...maybe it's just me. xP Anyways, I love the effects on the banner.

[haldenlith]

That black space was bothering me, so I fixed it. I couldn't stand tha nav there when I tried it, so the navigation's staying where it is. The font: just being consistent. Times New Roman for the header, times for the rest of it.

I've discovered a problem, though. My table isn't conforming to 600px like I want it to... >_<

<!-- begin code provided by createblog.com --><br /><style type="text/css"><br />Body<br />{<br />color: #FF6600;<br />background-color:#552B00;<br />font-family:"Times New Roman", Times, serif;<br />font-size:12px;<br />text-align:center!important;<br />text-align:center;<br />}<br /><br />Table, TR, TD, P, TH<br />{<br />font-family:"Times New Roman", Times, serif;<br />}<br /><br />table.blogbody { <br />/* edits your blog or entry space */<br />position: right;<br />color: #FF6600;<br />border: 0px;<br />background-color:transparent;<br />padding-top:0px;<br />padding-bottom:0px;<br />padding-right:0px;<br />width:520px;<br />}<br /><br />b, strong<br />{<br />color: #FF0000;<br />font-weight:bold;<br />}<br /><br />a:link, .footernav.link, a.footernav:link, a.footernav:active {<br />/* edits all links */<br />color: #FFFF99;  <br />font-weight: bold;<br />text-decoration:none;<br />}<br /><br /><br /><br />a:visited, a.footernav:visited  <br />{<br />/* edits the links that the user has visited */<br />color: #990000;<br />font-weight: bold;<br />text-decoration:none;<br />}<br />a:hover <br />{<br />/* edits when user mouseovers the links */<br />color:#FFFFFF; <br />font-weight:normal;<br />font-weight: bold;<br />text-decoration:none;<br />}<br />.left, .blogbody, table.footer, .standard, .leftmodulefontcolor<br />{<br />/* edits main text */<br />color: #FF6600;<br />font-family:"Times New Roman", Times, serif; <br />text-align: justify;<br />width:auto;<br />}<br /><br />div.blogheader, .caption <br />{<br />/* edits the dates */<br />color: #FF6600;<br />text-align: right;<br />font-family:"Times New Roman", Times, serif; <br />border-bottom: #FFFFFF 1px solid;<br />background-color:#660000; <br />border:1px solid #FFFFFF; <br />Filter: Alpha(Opacity=0, FinishOpacity=100, Style=1); <br />height:auto!important;<br />font-size: medium; <br />font-size:medium!important; <br />height:100%;<br />width: 500px;<br />width: 500px!important;<br />}<br /><br />.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer, hr<br />{display: none;}<br /><br />h3.header<br />{<br />background-color:#660000; border:1px solid #FFFFFF; Filter: Alpha(Opacity=100, <br />FinishOpacity=0, Style=1); height:auto!important; font-size:medium!important; height:100%;<br />}<br /><br /></style><br /><br /><br /><http-equiv="imagetoolbar" content="no"><br /><br /><table width="600" align="center" style="background-color: #000000; width: 600px; width: 600px!important; border:1px solid #FF6633; text-align:left;" cellpadding="0"><br /> <tr><br />  <td align=right colspan=2><img src="http://img.photobucket.com/albums/v27/haldenlith/Xanga/HydeTop.jpg" alt="" width="600" height="528" border="0"><br />  </td><br /> </tr><br /> <tr><br />  <td><br />   <table><br />    <tr><br />     <td valign="top"><br />      <table width="170" cellspacing="10"><br />       <tr><br />        <td style="color:#FF6600;"><h3 class="header">Navigation</h3><br />       <p><font face="Wingdings">«</font>&nbsp;<a href="http://xanga.com/">Xanga</a><br />       <br><font face="Wingdings">«</font>&nbsp;<a href="http://xanga.com/yamikarasu">Refresh</a><br />       <br><font face="Wingdings">«</font>&nbsp;<a href="http://xanga.com/private/home.aspx">Your Xanga</a><br />       <br><font face="Wingdings">«</font>&nbsp;<a href="http://www.xanga.com/CLAF/default.asp">Customize Look and Feel</a><br><font face="Wingdings">«</font>&nbsp;<a href="http://www.xanga.com/guestbook.aspx?user=yamikarasu">Sign/View Guestbook</a><br />       <br><font face="Wingdings">«</font>&nbsp;<a href="http://www.xanga.com/Private/SubscribeTo.aspx?user=yamikarasu">Subscribe</a><br />       <br><font face="Wingdings">«</font>&nbsp;<a href="http://www.xanga.com/signin.aspx">Sign In</a><br />       <br><font face="Wingdings">«</font>&nbsp;<a href="http://www.xanga.com/logout.aspx">Log Out</a><br />       </p><br />        </td><br />       </tr><br />       <tr style="color:#FF6600;"><br />        <td><h3 class="header">Bio</h3><br />        <p><font face="Wingdings" style="border: ">«</font>&nbsp;<b>Raven</b> is a simple and estranged high school student surviving off of Sunkist and various foods. She is often times found beneath piles of CDs, schoolwork, and magazines. She is indeed a gamer and a Hakuei fangirl. She is an admirer of the Gothic and Lolita style, but could never find herself being that cute and girly, so Kodona suits her just fine. She is also often found making random cat noises for no apparent reason.</p></td><br />       </tr><br />       <tr style="color:#FF6600;"><br />        <td><h3 class="header">Extra</h3><br />       <p><font face="Wingdings">«</font>&nbsp;<B>Music</B> she enjoys includes, but is not limited to Rammstein, KMFDM, Penicillin, Linkin Park, PIERROT, Miyavi, Crack6, Origa, Yoko Kanno, LUCY, machine, BLOOD, Seo Taiji, Silver Ash, Psycho le Cemu, Nightmare, Hyde, L'arc-en-Ciel...</p></td><br />       </tr><br />      </table><br />     </td><br />     <td><br /><!-- end code provided by createblog.com -->

[DrSMooTH]

cool. But there's still a lot of space to the left of the image. If you can, try putting the navi in the picture, hotlink it, and then reupload the image. And then you can have all the space under the image dedicated to just blog.

OR

Just decrease the table's width. EIther way it looks great!!

[syntheikdoll]

I just wanted to say that the colors are wonderful together. I love the picture, its fits the theme well. What brushes did you use, because it really looks awesome?

[destructo-girl]

The font is bothering me, too; plus your choice of font colors don't work well together. The blogheader and module headers seem tacky.

I love the banner, but on the left side, it looks cut off from the rest of the blog. I prefer it fading into black like the other sides.

[m.ar.i.a]

^yeah. u should fade the image into the black or something. and i dont like the font. it would look real great if u could fix those, though! :)

[haldenlith]

Well piff. Some people just don't read.

Anyway, I'm not changing the font. I like it. XP I guess in order to get any help with the table sizing problem (the left end of the image is suppose to be cut off, that's supposed to be where the other end of the table is *kicks table*), I'll have to ask someone to either relocate this to the help section or post a new topic there.

[Kenado]

I do have to agree with the innappropriate black space at the top. But it's very nice. AND YAY IT WORKS WITH FIREFOX!!!! The effects in IE are cool too only though it's just a opacity thing. -shrug-

[thefevaforthefla...]

Mad props for the layout, the IE filter fades are nice, but things that don't work on both browsers bother me.... And the thing with the fonts everyone is talking about is only a minor thing.. But nitpicky things like that are what make a REALLY SOLID layout, great work very clean.

[OneOfTheseDayz]

yea its a little better but it should fade to black. Oh DON'T CALL CREATEBLOG PEOPLE BASTARDS.

[haldenlith]

Chill out. >_> I'm irritated that people keep pointing out the black space but apparently don't say anything about fixing the table, something I've pointed out. I guess we need to invent sarcasm tags. I've heard the fade to black thing millions of times now. Thank you, I do mean it, for the help there, but that's not the problem I'm currently trying to fix...

[heyyfrankie]

the image is veryyyyy nice & i like it alot but the coding/blog space isn't that great, IMO.

[add1cted2f1re]

i love that top image its amazing!

but i also think the navigator is "blah"


try image mapping maybe?

[the Pro mac]

Wow, simply amazing. The top image is so attractive, and adds a spectacular life to the layout itself. The colors match and create a terrific sight. Nice going, very good job.

[Teesa]

the image is veryyyyy nice & i like it alot but the coding/blog space isn't that great, IMO.

Yes, I completely agree. The banner is really great.