Help - Search - Members - Calendar
Full Version: CB Layout
Forums > Resource Center > Support Center > Createblog Support > Createblog Resolved Topics
dilligrout
Gabi.. (Schizo) said that my createblog layout submissions were rejected because they are messy and the headers are chopped in half.. I don't have IE one either of my computers.. and idk how to fix it.. have any suggestions?


HEADER HTML
CODE

<center><img src="http://i39.tinypic.com/2qncch0.png"></center>
<style type="text/css">
.image {border:5px; padding:0px; border-color:#860713}
a:hover .image {border:1px; padding:0px;}
.innerbox img.image {
filter: alpha(opacity=100); opacity: 75; -moz-opacity: 75; cursor:crosshair;}
.innerbox img.image:hover {
filter: alpha(opacity=100); opacity: 75; -moz-opacity: 75; cursor:crosshair;}

.innerbox, .entrybox{
color: #418B82;
background-color: #222222 !important;
padding:20px;
border:0px;
}


.outerbox{
border: 0px solid #ffffff;
background-color: #222222; !important;
padding:0px;
border:0px;
}

.linkbox {
color: #ffffff;
background-color:#222222; !important;
padding:20px;
border:0px;
}

.alertbox {
color: #418B82;
background-color:#222222 !important;
padding:20px;
border-color:#418B82 !important;
}

li, li.top{color: #ffffff; background-color:#222222 !important;}



td, .hr, ul, li {border:0px!important;}

h1, h2, h3, .h1, .h2, .h3 {
font-size:24px;
font-weight:bold;
font-family:arial;
text-transform:uppercase;
display:block;
border-bottom:0px solid #700000;
border-top: 0px solid #700000;
color:#418B82;
letter-spacing:-5px;
like-height: 500;
}



h4 {
display:block;
color:#418B82;
font-weight:normal;
text-transform:uppercase; text-align:center;
background-color:#418B82;
height:568px;
background-image:url("");
background-repeat:no-repeat;
background-position:center center;
background-attachment:scroll;
font-family:Georgia; font-size:18px;
letter-spacing:5px;
padding-top:6px;
border:0px;
}


textarea, .button, input {
background-image:url("");
background-color: #222222;
background-repeat:repeat;
background-attachment:fixed;
background-position:top left;
padding:5px; font-weight:normal;
border:1px solid; border-color:#418B82;}

#logo, #footer {display:none!important;}

BODY {
background-color:#222222;
background-image:url("http://i39.tinypic.com/apfbck.png");
background-repeat:repeat;
background-position:center center;
background-attachment:fixed; }


#nav li, #nav li#search, #nav li.submit { background-color:transparent; padding:0px; border:0px;}
#nav li ul li {background-color:#FFFFFF; padding:0px; border:0px; filter:alpha(opacity=100); -moz-opacity:.100; opacity:.100;}

#nav li {border-right:0px solid;}
#nav li ul li.top {border-top:0px;}
#nav li ul li {border-bottom:0px;}

.alertbox a:link, .alertbox a:visited, .alertbox a:active, .linkbox a:link, .linkbox a:visited, .linkbox a:active, .go a:link, .go a:visited, .go a:active, a:link, a:visited, a:active, .smaller a:link, .smaller a:visited, .smaller a:active, #login a:link, #login a:active, #login a:visited, #nav a:link, #nav a:visited #nav a:active {
font-size:11px; font-family:century gothic; color:#4E4E4E; font-weight:normal; text-decoration:none; text-transform:lowercase;}

.alertbox a:hover, .linkbox a:hover, .go a:hover, a:hover, .smaller a:hover, #login a:hover, #nav a:hover {
font-size:11px; font-family:century gothic; color:#094144; font-weight:normal; text-decoration:none; text-transform:lowercase;}

div, table, td, th, tr, p, li, ul, ol, bold, strong, .innerbox, .grey {
font-family:century gothic; font-size:11px; font-weight:normal; color:#094144; line-height:11px;}


#profile div#header a img{display: none;}
#logo,{display:none!important;}
#profile div
#skills {display:none !important;}
#profile div
#footer{display:none !important;}
#nav {display:none;}
#logo{display:none;}
#bestfriends .innerbox img.image { width:40px!important; height:40px!important;}
#recentphotos .innerbox img.image { width:30px!important; height:35px!important;}
#blog div
#splash .innerbox img.image,
#photos div
#splash .innerbox img.image{width:300px!important;}
#splash .innerbox img.image {width:290px!important;}.comment_img {display:none;} .comment_body {width:60%; margin-left:0;}
#login{margin-bottom: -20px!important;}.col4 {width:227px; margin-left:620px;}.col3 {width:470px; margin-left:110px}

</style>


And is there a way to get the 'Username - My Account - Log Out' at the top of the page, is there a way to move it?

Thanks!
Blaqheartedstar
CODE
#login{codes here}

#login is the tag for the layer that holds those links. from your rejected layouts, they look to be aligned too far to the right.
perhaps trying this instead?
CODE
#login{margin-bottom: -20px!important; margin-right:145px!important;}

messing with 145px till you get the links where you want them.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.