Segunda-feira, 5 de Julho de 2010
Olá (:
Trago-te aqui a tua encomenda .
Desculpa a demora...
Espero que gostes *-* & dá a tua opinião :b
body { margin:0px 10px 0px 10px; background: url('http://img27.imageshack.us/img27/448/lightwood.png') repeat top left; }
form { margin:0; padding: 0; }
a, a:link, a:active { text-decoration: none; color: #eca4c1; border-bottom: 1px dashed #000;}
a:visited {text-decoration: none; color: #eca4c1; border-bottom: 1px dashed #000;}
a:hover {text-decoration: none; color: #000; cursor: crosshair; text-transform: uppercase;}
p { margin:0px;}
.clear { clear: both; height: 0px; line-height: 0px; font-size: 1px;}
#container { float: center; font-family:Verdana, Arial, Helvetica, sans-serif; width:800px; font-size:13px; color:#161616; background: transparent; margin: auto; }
#header {background: url('http://img14.imageshack.us/img14/4299/ritash.png') no-repeat top left; width:800px; height:400px; padding-left:18px; margin-bottom:18px;}
#header .title { display: none; font-size:30px; font-weight:bold; color:#006699; padding-top:20px; width:483px; text-align:left;}
#header .title a, .title a:link, .title a:visited, .title a:active, .title a:hover{ color:#006699; text-decoration:none;}
#header .descri { display: none; color:#7c808c; width:483px; text-align:left; font-size:13px}
#header .descri a, .descri a:link, .descri a:visited, .descri a:active, .descri a:hover { color::#7c808c; text-decoration:underline;}
#extras { text-align: center; float:right; width:200px; padding-right:18px; background: #f6f4f4; border: 4px dashed #000000;}
#extras .title { font-size:18px; color:#e99ba8; }
#extras p { color:#7C808C; font-weight:none;}
#extras p a, p a:link, p a:active{ text-decoration: none; color: #eca4c1; border-bottom: 1px dashed #000;}
#extras p a:visited {text-decoration: none; color: #eca4c1; border-bottom: 1px dashed #000;}
#extras p a:hover {text-decoration: none; color: #000; cursor: crosshair; text-transform: uppercase; }
#extras .comment { margin-bottom: 10px; padding-right: 10px; font-size: 11px; }
#extras .sep {margin-bottom:20px;}
#extras .sepB {margin-bottom:5px; margin-top:5px;}
#extras .sapo img { border:1px solid #CCC;}
#profile img { border:1px solid #000; /*float:left;*/ margin-right:7px;}
#messenger img { border:0px solid #CCC;}
.buton { margin-top:5px; font: bold 11px Verdana, Arial, Helvetica, sans-serif; color: #ffffff; background: #b8bbc2; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #005f07; border-right-color: #005f07; border-bottom-color: #005f07; border-left-color: #005f07;}
.form { font: normal 11px Verdana, Arial, Helvetica, sans-serif; color: #119904; background: transparent; border: 1px solid #005f07; margin-top:5px; padding-left:3px; padding-right:3px;}
#calendar { text-align:center;}
#calendar .day { width:19px; padding:2px 3px; height:19px; float:left; text-transform:uppercase; font-size:9px; color:#787a80;}
#calendar .dayNum { font-size:10px; font-weight:bold; color:#787a80; float:left; width:19px; padding:2px 3px; height:19px;}
#calendar .dayNum a, .dayNum a:link, .dayNum a:visited, .dayNum a:active{ color:#ffffff; text-decoration:underline; background-color:#b8bbc2; padding:2px 3px; }
#calendar .dayNum a:hover { color:#ffffff; text-decoration:underline; background-color:#006699; padding:2px 3px; }
#calendar .today { font-size:10px; font-weight:bold; color:#ffffff; float:left; width:19px; padding:2px 3px; height:19px;}
#calendar .today a, .today a:link, .today a:visited, .today a:active { color:#ffffff; text-decoration:underline; padding:2px 3px; background-color:#006699;}
#calendar .today span { color:#ffffff; padding:2px 3px; background-color:#006699;}
#calendar .today a:hover{ color:#ffffff; text-decoration:underline; padding:2px 3px; background-color:#787a80;}
#barrita { text-align:center;}
#posts { text-align: center; float:left; width:500px; padding-left:18px; font-size:13px; color:#7c808c; border: 6px dashed #000000; border: 4px dashed #000000; background: #f6f4f4;}
#posts .date { font-size:22px;text-transform:uppercase; margin-bottom:0px; color:#3f3f3f; font-weight: italic; font-family: georgia; }
img { filter: alpha(opacity=100); opacity:1.0; }
img:hover { filter: alpha(opacity=70); opacity:.7; }
blockquote { color: #666; padding: 5px; padding-left: 15px; border-left: 15px #ddd solid; }
::-moz-selection { background: #dccac7; color: #000; font-family: terminal;}
blockquote:first-letter { font-family: georgia; font-size: 20px; font-style: italic; }
blockquote:hover { color: #000; border-left: 15px #555 solid; background: #f5f5f5; }
#posts .title { font-family: arial; font-size:36px; font-weight:italic; color:#dc7a8c; margin-bottom:10px; }
#posts p { margin:0px 0px 5px 0px; color:#7c808c; font-size:13px; font-weight:normal; }
#posts p a, p a:link, p a:active {text-decoration: none; color: #eca4c1; border-bottom: 1px dashed #000;}
#posts p a:visited {text-decoration: none; color: #eca4c1; border-bottom: 1px dashed #000;}
#posts p a:hover {text-decoration: none; color: #000; cursor: crosshair; text-transform: uppercase;}
#posts .sign { font-size:9px; margin-top:15px; color:#000000;}
#posts .sep { width:483px; border-bottom:1px solid #f19626; height:15px; margin-bottom:20px;}
#posts .sepB { margin-bottom:15px;}
#posts .otherInfo { margin:5px 0px; font-size:11px; color:#000000;}
#posts .nav { font-size:10px; text-align:center; padding-bottom:20px;}
#posts .nav2 { font-size:10px; text-align:right; padding-bottom:20px;}
#comentar .title { font-size:16px; color:#006699; font-weight:bold;}
#comentar .campo1 { float:left; width:50px; padding:12px 4px 3px 0px; font-weight:bold; font-size:12px; color:#006699;}
#comentar .campo1B { float:left; width:60px; padding:12px 4px 3px 0px; font-weight:bold; font-size:11px; color:#000000;}
#comentar .campo1C { width:470px; float:left; padding:12px 4px 3px 0px; font-size:13px; font-weight:normal; color:#000000;}
#comentar .campo1D { float:left; padding:10px 4px 3px 0px; font-size:11px; font-weight:normal; color:#000000; width:470px;}
#comentar .campo2 { float:left; padding:10px 4px 3px 0px; font-size:11px; font-weight:normal; color:#000000; width:390px;}
#comentar .campo2 em { font-style:normal; font-weight:bold; color:#000000; font-size:13px;}
#comentar .campo2B { padding:10px 4px 3px 0px; font-size:11px; font-weight:normal; color:#000000;}
#comentar .campo2C { width:390px; float:left; padding:12px 4px 3px 0px; font-size:13px; font-weight:normal; color:#000000;}
#comentar .campo2C em { font-style:normal; font-weight:bold; color:#000000;}
#comentar .campo2D { padding:12px 4px 3px 0px; font-size:13px; font-weight:normal; color:#000000;}
#comentar .campo2D em { font-style:normal; font-weight:bold; color:#000000;}
#comentar p { margin:0px; color:#7C808C; font-weight:bold; font-size:16px;}
#comentar p a, p a:link, p a:visited, p a:active { color:#7C808C; text-decoration:underline; font-weight:bold; font-size:16px;}
#comentar p a:hover {color:#006699; text-decoration:underline;}
#comentar .txt {color:#000000; font-size:13px;}
#comentar .options {font-size:9px;}
#comentar2 { margin-left:30px;}
#comentar2 .campo1C { width:440px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#000000;}
#comentar2 .campo2C { width:360px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#000000;}
#comentar3 { margin-left:60px;}
#comentar3 .campo1C { width:410px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#000000;}
#comentar3 .campo2C { width:330px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#000000;}
#comentar4 { margin-left:90px;}
#comentar4 .campo1C { width:380px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#000000;}
#comentar4 .campo2C { width:300px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#000000;}
#comentar5 { margin-left:120px;}
#comentar5 .campo1C { width:350px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#000000;}
#comentar5 .campo2C { width:270px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#000000;}
/*SEARCH RESULTS*/
#pesquisa { margin-bottom: 20px;line-height: 25px; }
#pesquisa .campo1B { width: 65px; float:left; }
#pesquisa .campo2B { float:left; }
#pesquisa .campo3B { margin-left: 65px; float:left; }
#searchResults .quantos { color:#7c808c; font-size:10px;}
#searchResults .pesquisapor { font-size:11px; font-weight:bold;}
#searchResults .pesquisapor a, .pesquisapor a:link, .pesquisapor a:visited, .pesquisapor a:active{ text-decoration:underline; font-weight:bold; font-size:11px;}
#searchResults .pesquisapor a:hover { text-decoration:underline;}
#results li { list-style-type:decimal; font-size:14px; font-weight:bold; margin:0px 0px 15px 0px;}
/*title*/#results h1 { margin:0px; font-size:18px; color:#006699;}
#results h1 a, h1 a:link, h1 a:visited, h1 a:active{color:#006699; text-decoration:none; font-weight:bold; font-size:14px;}
#results h1 a:hover { color:#006699; text-decoration:underline;}
/*data e autor*/#results h2 { margin:0px; font-size:9px; color:#000000; font-weight:normal;}
/*texto*/#results p { margin:0px; font-weight:normal; font-size:13px;}
/*highlight*/#results em { font-weight:bold; font-style:normal;}
/*url*/#results h3 { margin:0px; font-size:11px; font-weight:normal; }
#results h3 a, h3 a:link, h3 a:visited, h3 a:active{ text-decoration:underline; font-weight:normal; font-size:11px;}
#results h3 a:hover { text-decoration:underline;}
#navega p{ text-decoration:none; float:right; margin:0px 0px 25px 0px; padding:2px 4px 2px 4px; font-size:10px; font-weight:bold; text-transform:uppercase;}
#navega p a, p a:link, p a:visited, p a:active { text-decoration:none; padding:2px 4px 2px 4px; font-weight:bold; font-size:10px;}
#navega p a:hover { text-decoration:none; padding:2px 4px 2px 4px; background-color:#E1E1D2;}
#navega em { text-decoration:none; padding:2px 3px 2px 3px; font-style:normal; font-weight:bold; border:solid 1px #E1E1D2;}
/*ADWORDS*/
#adw {font-size:10px; margin-bottom:20px; width:150px;}
#adw #adwtop * p {color:#006699;}#adw #adwcont .adwtit a {color:#7c808c; text-decoration:underline;}
#adw #adwcont .adwtit .title {color:#7c808c; text-decoration:underline; font-size:10px;}
#adw #adwsub {display:none;}
#adw #adwcont .adwtit {font-weight:normal;}
#adw #adwcont .adwtit a:hover, #adw #adwsub a:hover, #adw #adwcont
.urlbot a:hover {color:#006699; text-decoration:underline;}
#adw #adwcont .urlbot a, .urlbot a:link,.urlbot a:visited,.urlbot
a:active {color:#7c808c; text-decoration:underline;}
#adw #adwcont #adwad4, #adw #adwcont #adwad5, #adw #adwtop #adwright,
#adw #adwbot, #adw #adwcont .s {display:none;}
#adw .pos {display:none;}
#adw .url {display:none;}
#adw .adwline {margin-bottom:10px;}
#posts, #extras { overflow: hidden; }
#extras .comment a { color: #7c808c; }
#extras .comment a:hover { color: #006699; }
OPINION?
POST 200
AMO-VOS <3
Quinta-feira, 1 de Julho de 2010
Olá Adriana (:
Trago-te a tua encomenda do Hard To Find. Espero que gostes (:
Deu muito trabalho, mas espero que gostes (:
body { margin:10px;background: #333333; background: url('http://img413.imageshack.us/img413/4668/hardtofind.png') fixed top left no-repeat; overflow-x: hidden; }
form { margin:0; padding: 0; }
A:link, A:visited, A:active{text-decoration: none;
text-transform: none;
color: #525252;
background: none;}
A:hover {text-decoration: none ;
cursor: crosshair;
background-color: #F0EFAF;
color: #525252;}
p { margin:0px;}
.clear { clear: both; height: 0px; line-height: 0px; font-size: 1px;}
#container { font-family:Trebuchet MS, Arial, Helvetica, sans-serif; width:660px; font-size:13px; color:#666; background: #transparent; float: left; }
#header {width:722px; height:10px; margin-bottom:18px; padding-left:18px;}
#header .title { font-size:1px; font-weight:none; color:#ff044a; padding-top:30px; width:523px; text-align:center; font-family: century gothic}
#header .descri { font-size:13px; color:#d1e38f; width:523px; text-align:left;}
#header .descri a, .descri a:link, .descri a:visited, .descri a:active, .descri a:hover { color:#d1e38f; text-decoration:underline;}
#extras { float:left; width:186px; padding-left:18px; background-color:transparente;}
#extras .title { font-size:15px; color:#ff4c71; font-family: century gothic; }
#extras p { color:#404040; font-weight:none; font-size: 9px; }
#extras p a, p a:link, p a:active { font-size: 10px; color: #3d3d3d; text-decoration: none;}
#extras p a:visited { font-size: 10px; color: #3d3d3d; text-decoration: none;}
#extras .comment { margin-bottom: 10px; padding-right: 10px; font-size: 11px; }
#extras .sep {margin-bottom:20px;}
#extras .sepB {margin-bottom:5px; margin-top:5px;}
#extras .sapo img { border:1px solid #CCC;}
#profile img { border:1px solid #000; /*float:left;*/ margin-right:7px;}
#messenger img { border:0px solid #CCC;}
.buton { margin-top:5px; font: bold 11px Trebuchet MS, Arial, Helvetica, sans-serif; color: #ffffff; background: #6ea31b; border: 1px solid #999999;}
.form { font: normal 11px Trebuchet MS, Arial, Helvetica, sans-serif; color: #999999; background: #ffffff; border: 1px solid #999999; margin-top:5px; padding-left:3px; padding-right:3px;}
#calendar { text-align:center; background:#ffffff; }
#calendar .month { font-size:18px; color:#999999; text-align:left; padding:2px 3px;}
#calendar .day { width:19px; padding:2px 3px; height:19px; float:left; text-transform:uppercase; font-size:9px; color:#999999;}
#calendar .dayNum { font-size:10px; font-weight:bold; color:#999999; float:left; width:19px; padding:2px 3px; height:19px;}
#calendar .dayNum a, .dayNum a:link, .dayNum a:visited, .dayNum a:active { color:#ffffff; text-decoration:underline; background-color:#999999; padding:2px 3px; }
#calendar .dayNum a:hover { color:#ffffff; text-decoration:underline; background-color:#6ea31b; padding:2px 3px; }
#calendar .today { font-size:10px; font-weight:bold; color:#ffffff; float:left; width:19px; padding:2px 3px; height:19px;}
#calendar .today a, .today a:link, .today a:visited, .today a:active { color:#ffffff; text-decoration:underline; padding:2px 3px; background-color:#6ea31b;}
#calendar .today span { color:#ffffff; padding:2px 3px; background-color:#6ea31b;}
#calendar .today a:hover { color:#ffffff; text-decoration:underline; padding:2px 3px; background-color:#999999;}
#barrita { text-align:center;}
#posts { float:center; width:483px; padding-right:500px; color: #666666; font-size:9px; margin-left: 700px; text-align: center; font-family: verdana;}
#posts .date { font-size:14px; font-weight:none; font-family: verdana; text-transform:uppercase; margin-bottom:0px; color:#000; font-size: 8px; text-align: center;}
#posts .title { font-size:18px; text-decoration: italic; font-family: georgia; color:#000; margin-bottom:3px; background-color: #ffe970; text-align: center; font-weight: normal;}
#posts p { margin:0px 0px 5px 0px; color:#000; font-size:9px; font-weight:normal; font-family: verdana;}
#posts p a, p a:link, p a:active {text-decoration: none;
text-transform: none;
color: #525252;
background: none;}
#posts p a:visited {text-decoration: none;
text-transform: none;
color: #525252;
background: none;}
#posts p a:hover {text-decoration: none ;
cursor: crosshair;
background-color: #F0EFAF;
color: #525252;}
#posts .sign { font-size:10px; margin-top:15px; color:#666666;}
#posts .sep { width:483px; border-bottom:1px solid #cccccc; height:15px; margin-bottom:20px;}
#posts .sepB { margin-bottom:15px;}
#posts .otherInfo { margin:5px 0px; font-size:11px; color:#666666;}
#posts .nav { font-size:10px; text-align:center; padding-bottom:20px;}
#posts .nav2 { font-size:10px; text-align:right; padding-bottom:20px;}
#comentar .title { font-size:16px; color:#acacac; font-weight:none;}
#comentar .campo1 { float:left; width:40px; padding:12px 4px 3px 0px; font-weight:bold; font-size:12px; color:#000000;}
#comentar .campo1B { float:left; width:50px; padding:12px 4px 3px 0px; font-weight:bold; font-size:11px; color:#666666;}
#comentar .campo1C { width:460px; float:left; padding:12px 4px 3px 0px; font-size:13px; font-weight:normal; color:#666666;}
#comentar .campo1D { float:left; padding:10px 4px 3px 0px; font-size:11px; font-weight:normal; color:#666666; width:460px;}
#comentar .campo2 { float:left; padding:10px 4px 3px 0px; font-size:11px; font-weight:normal; color:#666666; width:390px;}
#comentar .campo2 em { font-style:normal; font-weight:bold; color:#666666; font-size:13px;}
#comentar .campo2B { padding:10px 4px 3px 0px; font-size:11px; font-weight:normal; color:#666666;}
#comentar .campo2C { width:390px; float:left; padding:12px 4px 3px 0px; font-size:13px; font-weight:normal; color:#666666;}
#comentar .campo2C em { font-style:normal; font-weight:bold; color:#666666;}
#comentar .campo2D { padding:12px 4px 3px 0px; font-size:13px; font-weight:normal; color:#666666;}
#comentar .campo2D em { font-style:normal; font-weight:bold; color:#666666;}
#comentar p { margin:0px; color:#666; font-weight:bold; font-size:16px;}
#comentar p a, p a:link, p a:visited, p a:active { color:#666; text-decoration:underline; font-weight:bold; font-size:16px;}
#comentar p a:hover {color:#8a8a8a; text-decoration:underline;}
#comentar .txt {color:#666666; font-size:13px;}
#comentar .options {font-size:10px;}
#comentar2 { margin-left:30px;}
#comentar2 .campo1C { width:430px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#666666;}
#comentar2 .campo2C { width:360px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#666666;}
#comentar3 { margin-left:60px;}
#comentar3 .campo1C { width:400px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#666666;}
#comentar3 .campo2C { width:330px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#666666;}
#comentar4 { margin-left:90px;}
#comentar4 .campo1C { width:370px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#666666;}
#comentar4 .campo2C { width:300px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#666666;}
#comentar5 { margin-left:120px;}
#comentar5 .campo1C { width:340px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#666666;}
#comentar5 .campo2C { width:270px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#666666;}
/*SEARCH RESULTS*/
#pesquisa { margin-bottom: 20px;line-height: 25px; }
#pesquisa .campo1B { width: 65px; float:left; }
#pesquisa .campo2B { float:left; }
#pesquisa .campo3B { margin-left: 65px; float:left; }
#searchResults .quantos { color:#666666; font-size:10px;}
#searchResults .pesquisapor { font-size:11px; font-weight:bold;}
#searchResults .pesquisapor a, .pesquisapor a:link, .pesquisapor a:visited, .pesquisapor a:active{ text-decoration:underline; font-weight:bold; font-size:11px;}
#searchResults .pesquisapor a:hover { text-decoration:underline;}
#results li { list-style-type:decimal; font-size:14px; font-weight:bold; margin:0px 0px 15px 0px;}
/*title*/#results h1 { margin:0px; font-size:18px; color:#6ea31b;}
#results h1 a, h1 a:link, h1 a:visited, h1 a:active{color:#6ea31b; text-decoration:none; font-weight:bold; font-size:14px;}
#results h1 a:hover { color:#6ea31b; text-decoration:underline;}
/*data e autor*/#results h2 { margin:0px; font-size:10px; color:#666666; font-weight:normal;}
/*texto*/#results p { margin:0px; font-weight:normal; font-size:13px;}
/*highlight*/#results em { font-weight:bold; font-style:normal;}
/*url*/#results h3 { margin:0px; font-size:11px; font-weight:normal; }
#results h3 a, h3 a:link, h3 a:visited, h3 a:active{ text-decoration:underline; font-weight:normal; font-size:11px;}
#results h3 a:hover { text-decoration:underline;}
#navega p{ text-decoration:none; float:right; margin:0px 0px 25px 0px; padding:2px 4px 2px 4px; font-size:10px; font-weight:bold; text-transform:uppercase;}
#navega p a, p a:link, p a:visited, p a:active { text-decoration:none; padding:2px 4px 2px 4px; font-weight:bold; font-size:10px;}
#navega p a:hover { text-decoration:none; padding:2px 4px 2px 4px; background-color:#E1E1D2;}
#navega em { text-decoration:none; padding:2px 3px 2px 3px; font-style:normal; font-weight:bold; border:solid 1px #E1E1D2;}
/*ADWORDS*/
#adw {font-size:10px; margin-bottom:20px; width:150px;}
#adw #adwtop * p {color:#999999;}#adw #adwcont .adwtit a {color:#999999; text-decoration:underline;}
#adw #adwcont .adwtit .title {color:#999999; text-decoration:underline; font-size:10px;}
#adw #adwsub {display:none;}
#adw #adwcont .adwtit {font-weight:normal;}
#adw #adwcont .adwtit a:hover, #adw #adwsub a:hover, #adw #adwcont
.urlbot a:hover {color:#6ea31b; text-decoration:underline;}
#adw #adwcont .urlbot a, .urlbot a:link,.urlbot a:visited,.urlbot
a:active {color:#999999; text-decoration:underline;}
#adw #adwcont #adwad4, #adw #adwcont #adwad5, #adw #adwtop #adwright,
#adw #adwbot, #adw #adwcont .s {display:none;}
#adw .pos {display:none;}
#adw .url {display:none;}
#adw .adwline {margin-bottom:10px;}
#rss p {line-height: normal; margin-bottom: 3px;}
#rss img {vertical-align: text-bottom;}
#posts { margin-top: 150px; margin-left: 18px; width:360px; height:310px; overflow-y: scroll;
overflow-x: hidden;
padding-right: 18px;
visibility: visible;
background-color: transparent;}
#extras { overflow: hidden; }
#extras .comment a { color: #999999; }
#extras .comment a:hover { color: #6ea31b; }
OPINION?
Quarta-feira, 30 de Junho de 2010
Olá amor, aqui tens o teu template (:
CSS:
body { margin:0px 10px 0px 10px; background: #101010; }
form { margin:0; padding: 0; }
blockquote{
background: #000000;
font-family: arial;
color: #4d4d4d;
border-left: 4px solid #FE0B61;
padding: 6px;
}
::-moz-selection{
background: #ccc;
color: #333;
}
a:link, a:visited, a:active{ text-decoration: none; color: #AAA; }
a:hover{ border-bottom: 1px dashed #EEE; color: #CCC;}
.line{ position: absolute; top: 0px; left: 0px; width: 100%; height: 20px; padding: 0px; background: #333; color: transparent; }
p { margin:0px;}
.clear { clear: both; height: 0px; line-height: 0px; font-size: 1px;}
#container { font-family:Trebuchet MS, Arial, Helvetica, sans-serif; width:460px; font-size:13px; color:#E18F9D; background: transparent; float: center;}
#header { width:460px; height:10px; margin-bottom:18px; padding-left:18px; }
#header .title { font-size:30px; font-weight:bold; color: transparent; backgroud-color: transparent; padding-top:10px; width:400px; text-align:left;}
#header .title a, .title a:link, .title a:visited, .title a:active, .title a:hover{ color:#ffffff; text-decoration:none;}
#header .descri { color:#bb294a; width:724px; text-align:left; font-size:13px; font-weight: bolder; }
#header .descri a, .descri a:link, .descri a:visited, .descri a:active, .descri a:hover { color:#bb294a; text-decoration:underline;}
#extras { float:right; display: none; width:200px; padding-left:18px; background-color: transparent; background-color: #ceed60; display: none;}
#extras .title { font-size:18px; color:#ffffff;}
#extras p { color:#ECA4B0; font-weight:bold;}
#extras p a, p a:link, p a:active{ font-size:11px; color:#eca4b0; text-decoration:underline; font-weight:normal;}
#extras p a:visited { color:#eca4b0; text-decoration:underline;}
#extras p a:hover { color:#ffffff; text-decoration:underline;}
#extras .comment { margin-bottom: 10px; padding-right: 10px; font-size: 11px; }
#extras .sep {margin-bottom:20px;}
#extras .sepB {margin-bottom:5px; margin-top:5px;}
#extras .sapo img { border:1px solid #CCC;}
#profile img { border:1px solid #000; /*float:left;*/ margin-right:7px;}
#messenger img { border:0px solid #CCC;}
.buton { margin-top:5px; font: bold 11px Trebuchet MS, Arial, Helvetica, sans-serif; color: #eca4b0; background: #bb294a; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #eca4b0; border-right-color: #eca4b0; border-bottom-color: #eca4b0; border-left-color: #eca4b0;}
.form { font: normal 11px Trebuchet MS, Arial, Helvetica, sans-serif; color: #eca4b0; background: #ffffff; border: 1px solid #eca4b0; margin-top:5px; padding-left:3px; padding-right:3px;}
#calendar { text-align:center;}
#calendar .day { width:19px; padding:2px 3px; height:19px; float:left; text-transform:uppercase; font-size:9px; color:#eca4b0;}
#calendar .dayNum { font-size:10px; font-weight:bold; color:#eca4b0; float:left; width:19px; padding:2px 3px; height:19px;}
#calendar .dayNum a, .dayNum a:link, .dayNum a:visited, .dayNum a:active{ color:#ffffff; text-decoration:underline; background-color:#bb294a; padding:2px 3px; }
#calendar .dayNum a:hover { color:#bb294a; text-decoration:underline; background-color:#eca4b0; padding:2px 3px; }
#calendar .today { font-size:10px; font-weight:bold; color:#bb294a; float:left; width:19px; padding:2px 3px; height:19px;}
#calendar .today a, .today a:link, .today a:visited, .today a:active { color:#bb294a; text-decoration:underline; padding:2px 3px; background-color:#ffffff;}
#calendar .today span { color:#bb294a; padding:2px 3px; background-color:#ffffff;}
#calendar .today a:hover{ color:#ffffff; text-decoration:underline; padding:2px 3px; background-color:#940928;}
#barrita { text-align:center;}
#posts { text-align: center; background: #1f1f1f; padding: 200px; width: 460px; margin-top: 50px; float: center;}
#posts .date { font-size:12px; font-weight:none; text-transform:uppercase; margin-bottom:0px; color:#abfe0b; font-family: verdana; border-bottom: 1px solid #373737;}
#posts .title { font-family: georgia; font-size:26px; font-weight:italic; color:#ff9600; margin-bottom:5px;}
#posts .title:hover {
color:#fe0b61;
text-shadow:1px 1px 1px #333333;
}
#posts p { margin:0px 0px 5px 0px; color:#32372f; font-size:10px; font-weight:normal; font-family: verdana;}
#posts p a, p a:link, p a:active {text-decoration: none; color: #AAA; }
#posts p a:visited {text-decoration: none; color: #AAA; }
#posts p a:hover {border-bottom: 1px dashed #EEE; color: #CCC;}
#posts .sign { font-size:10px; margin-top:15px; color:#e18f9d;}
#posts .sep { width:483px; border-bottom:1px solid #de5473; height:15px; margin-bottom:20px;}
#posts .sepB { margin-bottom:15px;}
#posts .otherInfo { margin:5px 0px; font-size:11px; color:#e18f9d;}
#posts .nav { font-size:10px; text-align:center; padding-bottom:20px;}
#posts .nav2 { font-size:10px; text-align:right; padding-bottom:20px;}
#comentar .title { font-size:16px; color:#FFF; font-weight:bold;}
#comentar .campo1 { float:left; width:40px; padding:12px 4px 3px 0px; font-weight:bold; font-size:12px; color:#FFF;}
#comentar .campo1B { float:left; width:50px; padding:12px 4px 3px 0px; font-weight:bold; font-size:11px; color:#e18f9d;}
#comentar .campo1C { width:460px; float:left; padding:12px 4px 3px 0px; font-size:13px; font-weight:normal; color:#e18f9d;}
#comentar .campo1D { float:left; padding:10px 4px 3px 0px; font-size:11px; font-weight:normal; color:#e18f9d; width:460px;}
#comentar .campo2 { float:left; padding:10px 4px 3px 0px; font-size:11px; font-weight:normal; color:#e18f9d; width:390px;}
#comentar .campo2 em { font-style:normal; font-weight:bold; color:#e18f9d; font-size:13px;}
#comentar .campo2B { padding:10px 4px 3px 0px; font-size:11px; font-weight:normal; color:#e18f9d;}
#comentar .campo2C { width:390px; float:left; padding:12px 4px 3px 0px; font-size:13px; font-weight:normal; color:#e18f9d;}
#comentar .campo2C em { font-style:normal; font-weight:bold; color:#e18f9d;}
#comentar .campo2D { padding:12px 4px 3px 0px; font-size:13px; font-weight:normal; color:#e18f9d;}
#comentar .campo2D em { font-style:normal; font-weight:bold; color:#e18f9d;}
#comentar p { margin:0px; color:#E18F9D; font-weight:bold; font-size:16px;}
#comentar p a, p a:link, p a:visited, p a:active { color:#E18F9D; text-decoration:underline; font-weight:bold; font-size:16px;}
#comentar p a:hover {color:#FFF; text-decoration:underline;}
#comentar .txt {color:#e18f9d; font-size:13px;}
#comentar .options {font-size:10px;}
#comentar2 { margin-left:30px;}
#comentar2 .campo1C { width:430px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#e18f9d;}
#comentar2 .campo2C { width:360px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#e18f9d;}
#comentar3 { margin-left:60px;}
#comentar3 .campo1C { width:400px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#e18f9d;}
#comentar3 .campo2C { width:330px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#e18f9d;}
#comentar4 { margin-left:90px;}
#comentar4 .campo1C { width:370px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#e18f9d;}
#comentar4 .campo2C { width:300px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#e18f9d;}
#comentar5 { margin-left:120px;}
#comentar5 .campo1C { width:340px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#e18f9d;}
#comentar5 .campo2C { width:270px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#e18f9d;}
/*SEARCH RESULTS*/
#pesquisa { margin-bottom: 20px;line-height: 25px; }
#pesquisa .campo1B { width: 65px; float:left; }
#pesquisa .campo2B { float:left; }
#pesquisa .campo3B { margin-left: 65px; float:left; }
#searchResults .quantos { color:#e18f9d; font-size:10px;}
#searchResults .pesquisapor { font-size:11px; font-weight:bold;}
#searchResults .pesquisapor a, .pesquisapor a:link, .pesquisapor a:visited, .pesquisapor a:active{ text-decoration:underline; font-weight:bold; font-size:11px;}
#searchResults .pesquisapor a:hover { text-decoration:underline;}
#results li { list-style-type:decimal; font-size:14px; font-weight:bold; margin:0px 0px 15px 0px;}
/*title*/#results h1 { margin:0px; font-size:18px; color:#ffffff;}
#results h1 a, h1 a:link, h1 a:visited, h1 a:active{color:#ffffff; text-decoration:none; font-weight:bold; font-size:14px;}
#results h1 a:hover { color:#ffffff; text-decoration:underline;}
/*data e autor*/#results h2 { margin:0px; font-size:10px; color:#e18f9d; font-weight:normal;}
/*texto*/#results p { margin:0px; font-weight:normal; font-size:13px;}
/*highlight*/#results em { font-weight:bold; font-style:normal;}
/*url*/#results h3 { margin:0px; font-size:11px; font-weight:normal; }
#results h3 a, h3 a:link, h3 a:visited, h3 a:active{ text-decoration:underline; font-weight:normal; font-size:11px;}
#results h3 a:hover { text-decoration:underline;}
#navega p{ text-decoration:none; float:right; margin:0px 0px 25px 0px; padding:2px 4px 2px 4px; font-size:10px; font-weight:bold; text-transform:uppercase;}
#navega p a, p a:link, p a:visited, p a:active { text-decoration:none; padding:2px 4px 2px 4px; font-weight:bold; font-size:10px;}
#navega p a:hover { text-decoration:none; padding:2px 4px 2px 4px; background-color:#BB294A;}
#navega em { text-decoration:none; padding:2px 3px 2px 3px; font-style:normal; font-weight:bold; border:solid 1px #BB294A;}
/*ADWORDS*/
#adw {font-size:10px; margin-bottom:20px; width:150px;}
#adw #adwtop * p {color:#ffffff;}#adw #adwcont .adwtit a {color:#eca4b0; text-decoration:underline;}
#adw #adwcont .adwtit .title {color:#eca4b0; text-decoration:underline; font-size:10px;}
#adw #adwsub {display:none;}
#adw #adwcont .adwtit {font-weight:normal;}
#adw #adwcont .adwtit a:hover, #adw #adwsub a:hover, #adw #adwcont
.urlbot a:hover {color:#ffffff; text-decoration:underline;}
#adw #adwcont .urlbot a, .urlbot a:link,.urlbot a:visited,.urlbot
a:active {color:#eca4b0; text-decoration:underline;}
#adw #adwcont #adwad4, #adw #adwcont #adwad5, #adw #adwtop #adwright,
#adw #adwbot, #adw #adwcont .s {display:none;}
#adw .pos {display:none;}
#adw .url {display:none;}
#adw .adwline {margin-bottom:10px;}
#posts, #extras { overflow: hidden; }
#extras .comment a { color: #eca4b0; }
#extras .comment a:hover { color: #ffffff; }
depois tens de fazer as alterações que desejares.
HTML:
(cola num componente do teu blog e coloca no topo dos posts):
<html>
<head>
<title>If you give them the chance.</title>
<style type="text/css">
a:link, a:active, a:visited{
font-family: arial;
font-size: 11px;
color: #ABFE0B;
text-decoration: none;
}
a:hover{
font-family: arial;
font-size: 11px;
color: #ffffff;
text-decoration: none;
}
a.titlelink:link, a.titlelink:active, a.titlelink:visited{
font: normal 13px book antiqua;
color: #FEEA0B;
text-decoration: none;
cursor: help;
padding-top: 2px;
}
a.titlelink:hover{
font: normal 13px book antiqua;
color: #FF9600;
text-decoration: none;
cursor: help;
padding-top: 2px;
}
body{
font-family: arial;
font-size: 10px;
font-weight: none;
color: #ffffff;
background-color: #000000;
background-repeat: x;
background-position: fixed;
}
#main{
font-family: arial;
font-size: 8pt;
background-color: #292929;
color: #A7A7A7;
line-height: 13.5px;
letter-spacing: 0px;
text-align: justify;
width: 460px;
}
#navi{
background: none;
text-align: right;
font-family: georgia;
line-height: 8px;
font-size: 43px;
letter-spacing: -4px;
color: #9c9c9c;
width: 600px;
}
.text{
border: 1px solid #292929;
background-color: #1F1F1F;
padding: 20px;
text-align: justify;
}
.h1{
text-align: left;
font-size: 16px;
font-family: arial;
line-height: 11px;
letter-spacing: -1px;
color: #FE0B61;
text-transform: lowercase;
}
.icon{
padding: 5px;
border: 1px solid #454545;
}
.post{
text-align: left;
font-size: 11px;
font-family: arial;
color: #C5C5C5;
line-height: 12px;
}
blockquote{
background: #000000;
font-family: arial;
color: #4d4d4d;
border-left: 4px solid #FE0B61;
padding: 6px;
}
.blogger-labels{
border-top: 1px solid #e5e5e5;
font-size: 10px;
padding-top: 5px;
margin: 10px auto 0 auto;
text-align: right;
}
b,strong{
font-family: georgia;
font-size: 9px;
color: #FF9600;
cursor: help;
}
i,em{
font-family: georgia;
font-size: 10px;
color: #FEEA0B;
cursor: help;
}
u{
text-decoration: none;
color: #FE0B61;
border-bottom: 1px dotted #C3FF69;
cursor: help;
}
::-moz-selection{
background: #ccc;
color: #333;
}
</style>
<script>
function changeNavigation(id)
{document.getElementById('main').innerHTML=document.getElementById(id).innerHTML}
</script>
</head>
<noembed><body></noembed>
<br/>
<div align="center">
<div id="navi">
<div style="padding: 40px 5px 20px 5px;"/>
<span style="color: #FE0B61;cursor: text;" onMouseover="this.style.color='#FBC8CB'" onMouseout="this.style.color='#FE0B61'" onClick="changeNavigation('entries')">don't </span>
<span style="color: #FF9600;cursor: text;" onMouseover="this.style.color='#FBDAAA'" onMouseout="this.style.color='#FF9600'" onClick="changeNavigation('profile')">sell </span>
<span style="color: #FEEA0B;cursor: text;" onMouseover="this.style.color='#FAF5BC'" onMouseout="this.style.color='#FEEA0B'" onClick="changeNavigation('tagboard')">your </span>
<span style="color: #ABFE0B;cursor: text;" onMouseover="this.style.color='#E3FBB4'" onMouseout="this.style.color='#ABFE0B'" onClick="changeNavigation('links')">heart,</span>
</div>
<div id="main">
you make me LALA!
<table><tr>
<td valign="top" width="110px"><div class="icon"><img src="http://i411.photobucket.com/albums/pp195/partystealer/fashtwo.png"></div></td>
</tr></table>
</div>
<br/>
</div>
</div>
<div id="profile" style="display: none;">
<div class="text">
<div class="h1">i am not a saint</div>
<br/>
Hello, music is the <i>love</i> and I can't live without it because I'd lose my head. I like bright neon colours and <b>city highways</b>
filled with red cars, rainy sunday afternoons and popcorn. I love eating fish but am not a fan of toothbrushes or homework. I hug Snoopy every night and eat cereal for breakfast,
lunch and dinner. I'm also a die-hard fan of Chocolate and Ice-Cream. I'd watch <u>Disney Channel</u> every hour of the day if I could. <br>
</div>
</div>
<div id="tagboard" style="display: none;">
<div class="text">
<div class="h1">voiceless</div>
<br/>
<center>Tagboard here <a href="http://cbox.ws">cbox</a> recommended. Max width 360px if you want this section to look decent. </center>
</div>
</div>
<div id="links" style="display: none;">
<div class="text">
<div class="h1">exeunt</div>
<br/>
<a href="http://link.com">friend</a> <br>
<a href="http://link.com">friend</a> <br>
<a href="http://link.com">friend</a> <br>
<a href="http://link.com">friend</a> <br>
<a href="http://link.com">friend</a> <br>
<a href="http://link.com">friend</a> <br>
</div>
<br/>
<div class="text">
<div class="h1">layout</div>
<br/>
<b>design:</b> <a href="http://blogskins.com/me/anxiety" target="_blank">Anxiety</a><br/><a href="www.saraaicha.blogs.sapo.pt" target="_blank">SaraWilliams</a><br/>
</div>
</body>
</html>
Espero que gostes (:
30 comentários?
Sexta-feira, 25 de Junho de 2010
Aqui está :b
50 comentários (a)
http://img208.imageshack.us/img208/2557/summerrain.png
Quinta-feira, 24 de Junho de 2010
Olááá amor <3
Consegui acabar a tua encomenda (a).
Espero que gostes <3
CSS:
body { margin:0px 10px 0px 10px; background: #f1f1f1; }
form { margin:0; padding: 0; }
blockquote{color:#424242; padding:5; background:#f2f2f2; -webkit-border-radius:5; -moz-border-radius:5;}
blockquote:hover{color:#1C1C1C; background:#e6e6e6;}
moz::selection{color:black; background:transparent;}
a:link, a:visited, a:active{ text-decoration: none; color: #AAA; }
a:hover{ border-bottom: 1px dashed #EEE; color: #CCC;}
.line{ position: absolute; top: 0px; left: 0px; width: 100%; height: 20px; padding: 0px; background: #333; color: transparent; }
p { margin:0px;}
.clear { clear: both; height: 0px; line-height: 0px; font-size: 1px;}
#container { font-family:Trebuchet MS, Arial, Helvetica, sans-serif; width:300px; font-size:13px; color:#E18F9D; background: #f1f1f1; float: center;}
#header { width:60px; height:55px; margin-bottom:18px; padding-left:18px; }
#header .title { font-size:30px; font-weight:bold; color: transparent; backgroud-color: transparent; padding-top:10px; width:400px; text-align:left;}
#header .title a, .title a:link, .title a:visited, .title a:active, .title a:hover{ color:#ffffff; text-decoration:none;}
#header .descri { color:#bb294a; width:724px; text-align:left; font-size:13px; font-weight: bolder; }
#header .descri a, .descri a:link, .descri a:visited, .descri a:active, .descri a:hover { color:#bb294a; text-decoration:underline;}
#extras { float:right; display: none; width:200px; padding-left:18px; background-color: transparent; background-color: #ceed60; display: none;}
#extras .title { font-size:18px; color:#ffffff;}
#extras p { color:#ECA4B0; font-weight:bold;}
#extras p a, p a:link, p a:active{ font-size:11px; color:#eca4b0; text-decoration:underline; font-weight:normal;}
#extras p a:visited { color:#eca4b0; text-decoration:underline;}
#extras p a:hover { color:#ffffff; text-decoration:underline;}
#extras .comment { margin-bottom: 10px; padding-right: 10px; font-size: 11px; }
#extras .sep {margin-bottom:20px;}
#extras .sepB {margin-bottom:5px; margin-top:5px;}
#extras .sapo img { border:1px solid #CCC;}
#profile img { border:1px solid #000; /*float:left;*/ margin-right:7px;}
#messenger img { border:0px solid #CCC;}
.buton { margin-top:5px; font: bold 11px Trebuchet MS, Arial, Helvetica, sans-serif; color: #eca4b0; background: #bb294a; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #eca4b0; border-right-color: #eca4b0; border-bottom-color: #eca4b0; border-left-color: #eca4b0;}
.form { font: normal 11px Trebuchet MS, Arial, Helvetica, sans-serif; color: #eca4b0; background: #ffffff; border: 1px solid #eca4b0; margin-top:5px; padding-left:3px; padding-right:3px;}
#calendar { text-align:center;}
#calendar .day { width:19px; padding:2px 3px; height:19px; float:left; text-transform:uppercase; font-size:9px; color:#eca4b0;}
#calendar .dayNum { font-size:10px; font-weight:bold; color:#eca4b0; float:left; width:19px; padding:2px 3px; height:19px;}
#calendar .dayNum a, .dayNum a:link, .dayNum a:visited, .dayNum a:active{ color:#ffffff; text-decoration:underline; background-color:#bb294a; padding:2px 3px; }
#calendar .dayNum a:hover { color:#bb294a; text-decoration:underline; background-color:#eca4b0; padding:2px 3px; }
#calendar .today { font-size:10px; font-weight:bold; color:#bb294a; float:left; width:19px; padding:2px 3px; height:19px;}
#calendar .today a, .today a:link, .today a:visited, .today a:active { color:#bb294a; text-decoration:underline; padding:2px 3px; background-color:#ffffff;}
#calendar .today span { color:#bb294a; padding:2px 3px; background-color:#ffffff;}
#calendar .today a:hover{ color:#ffffff; text-decoration:underline; padding:2px 3px; background-color:#940928;}
#barrita { text-align:center;}
#posts { text-align: center; background: #f1f1f1; padding: 200px; -webkit-transition: .2s; width: 450px; margin-top: 50px; float: center;}
#posts .date { font-size:12px; font-weight:none; text-transform:uppercase; margin-bottom:0px; color:#ffde8d; font-family: verdana; border-bottom: 1px solid #373737;}
#posts .title { font-family: georgia; font-size:26px; font-weight:italic; color:#c0bdb2; margin-bottom:5px;}
#posts .title:hover {
color:#70653e;
text-shadow:1px 1px 1px #333333;
}
#posts p { margin:0px 0px 5px 0px; color:#32372f; font-size:10px; font-weight:normal; font-family: verdana;}
#posts p a, p a:link, p a:active {text-decoration: none; color: #AAA; }
#posts p a:visited {text-decoration: none; color: #AAA; }
#posts p a:hover {border-bottom: 1px dashed #EEE; color: #CCC;}
#posts .sign { font-size:10px; margin-top:15px; color:#e18f9d;}
#posts .sep { width:483px; border-bottom:1px solid #de5473; height:15px; margin-bottom:20px;}
#posts .sepB { margin-bottom:15px;}
#posts .otherInfo { margin:5px 0px; font-size:11px; color:#e18f9d;}
#posts .nav { font-size:10px; text-align:center; padding-bottom:20px;}
#posts .nav2 { font-size:10px; text-align:right; padding-bottom:20px;}
#comentar .title { font-size:16px; color:#FFF; font-weight:bold;}
#comentar .campo1 { float:left; width:40px; padding:12px 4px 3px 0px; font-weight:bold; font-size:12px; color:#FFF;}
#comentar .campo1B { float:left; width:50px; padding:12px 4px 3px 0px; font-weight:bold; font-size:11px; color:#e18f9d;}
#comentar .campo1C { width:460px; float:left; padding:12px 4px 3px 0px; font-size:13px; font-weight:normal; color:#e18f9d;}
#comentar .campo1D { float:left; padding:10px 4px 3px 0px; font-size:11px; font-weight:normal; color:#e18f9d; width:460px;}
#comentar .campo2 { float:left; padding:10px 4px 3px 0px; font-size:11px; font-weight:normal; color:#e18f9d; width:390px;}
#comentar .campo2 em { font-style:normal; font-weight:bold; color:#e18f9d; font-size:13px;}
#comentar .campo2B { padding:10px 4px 3px 0px; font-size:11px; font-weight:normal; color:#e18f9d;}
#comentar .campo2C { width:390px; float:left; padding:12px 4px 3px 0px; font-size:13px; font-weight:normal; color:#e18f9d;}
#comentar .campo2C em { font-style:normal; font-weight:bold; color:#e18f9d;}
#comentar .campo2D { padding:12px 4px 3px 0px; font-size:13px; font-weight:normal; color:#e18f9d;}
#comentar .campo2D em { font-style:normal; font-weight:bold; color:#e18f9d;}
#comentar p { margin:0px; color:#E18F9D; font-weight:bold; font-size:16px;}
#comentar p a, p a:link, p a:visited, p a:active { color:#E18F9D; text-decoration:underline; font-weight:bold; font-size:16px;}
#comentar p a:hover {color:#FFF; text-decoration:underline;}
#comentar .txt {color:#e18f9d; font-size:13px;}
#comentar .options {font-size:10px;}
#comentar2 { margin-left:30px;}
#comentar2 .campo1C { width:430px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#e18f9d;}
#comentar2 .campo2C { width:360px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#e18f9d;}
#comentar3 { margin-left:60px;}
#comentar3 .campo1C { width:400px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#e18f9d;}
#comentar3 .campo2C { width:330px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#e18f9d;}
#comentar4 { margin-left:90px;}
#comentar4 .campo1C { width:370px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#e18f9d;}
#comentar4 .campo2C { width:300px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#e18f9d;}
#comentar5 { margin-left:120px;}
#comentar5 .campo1C { width:340px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#e18f9d;}
#comentar5 .campo2C { width:270px; float:left; padding:12px 4px 3px 0px; font-size:12px; font-weight:normal; color:#e18f9d;}
/*SEARCH RESULTS*/
#pesquisa { margin-bottom: 20px;line-height: 25px; }
#pesquisa .campo1B { width: 65px; float:left; }
#pesquisa .campo2B { float:left; }
#pesquisa .campo3B { margin-left: 65px; float:left; }
#searchResults .quantos { color:#e18f9d; font-size:10px;}
#searchResults .pesquisapor { font-size:11px; font-weight:bold;}
#searchResults .pesquisapor a, .pesquisapor a:link, .pesquisapor a:visited, .pesquisapor a:active{ text-decoration:underline; font-weight:bold; font-size:11px;}
#searchResults .pesquisapor a:hover { text-decoration:underline;}
#results li { list-style-type:decimal; font-size:14px; font-weight:bold; margin:0px 0px 15px 0px;}
/*title*/#results h1 { margin:0px; font-size:18px; color:#ffffff;}
#results h1 a, h1 a:link, h1 a:visited, h1 a:active{color:#ffffff; text-decoration:none; font-weight:bold; font-size:14px;}
#results h1 a:hover { color:#ffffff; text-decoration:underline;}
/*data e autor*/#results h2 { margin:0px; font-size:10px; color:#e18f9d; font-weight:normal;}
/*texto*/#results p { margin:0px; font-weight:normal; font-size:13px;}
/*highlight*/#results em { font-weight:bold; font-style:normal;}
/*url*/#results h3 { margin:0px; font-size:11px; font-weight:normal; }
#results h3 a, h3 a:link, h3 a:visited, h3 a:active{ text-decoration:underline; font-weight:normal; font-size:11px;}
#results h3 a:hover { text-decoration:underline;}
#navega p{ text-decoration:none; float:right; margin:0px 0px 25px 0px; padding:2px 4px 2px 4px; font-size:10px; font-weight:bold; text-transform:uppercase;}
#navega p a, p a:link, p a:visited, p a:active { text-decoration:none; padding:2px 4px 2px 4px; font-weight:bold; font-size:10px;}
#navega p a:hover { text-decoration:none; padding:2px 4px 2px 4px; background-color:#BB294A;}
#navega em { text-decoration:none; padding:2px 3px 2px 3px; font-style:normal; font-weight:bold; border:solid 1px #BB294A;}
/*ADWORDS*/
#adw {font-size:10px; margin-bottom:20px; width:150px;}
#adw #adwtop * p {color:#ffffff;}#adw #adwcont .adwtit a {color:#eca4b0; text-decoration:underline;}
#adw #adwcont .adwtit .title {color:#eca4b0; text-decoration:underline; font-size:10px;}
#adw #adwsub {display:none;}
#adw #adwcont .adwtit {font-weight:normal;}
#adw #adwcont .adwtit a:hover, #adw #adwsub a:hover, #adw #adwcont
.urlbot a:hover {color:#ffffff; text-decoration:underline;}
#adw #adwcont .urlbot a, .urlbot a:link,.urlbot a:visited,.urlbot
a:active {color:#eca4b0; text-decoration:underline;}
#adw #adwcont #adwad4, #adw #adwcont #adwad5, #adw #adwtop #adwright,
#adw #adwbot, #adw #adwcont .s {display:none;}
#adw .pos {display:none;}
#adw .url {display:none;}
#adw .adwline {margin-bottom:10px;}
#posts, #extras { overflow: hidden; }
#extras .comment a { color: #eca4b0; }
#extras .comment a:hover { color: #ffffff; }
depois tens de fazer as alterações que desejares.
HTML:
(cola num componente do teu blog e coloca no topo dos posts):
<HTML>
<title>Rita Cherry.</title>
<head>
<script>
function changeNavigation(id)
{document.getElementById('sidebar').innerHTML=document.getElementById(id).innerHTML}
</script>
</head>
<style type="text/css">
#navbar-iframe{ display: none; }
body{ background: #F1F1F1; font: normal 12px Arial; }
a:link, a:visited, a:active{ text-decoration: none; color: #AAA; }
a:hover{ border-bottom: 1px dashed #EEE; color: #CCC;}
.line{ position: absolute; top: 0px; left: 0px; width: 100%; height: 20px; padding: 0px; background: #333; color: transparent; }
.navi{ position: absolute; top: 0px; left: 750px; width: 300px; height: auto; padding: 10px; background: #333;}
#sidebar{ position: absolute; top: 205px; left: 750px; width: 300px; height: auto; padding: 10px; background: #333; color: #EEE; }
.nav{ padding: 5px; background: #333; font: normal 11px Calibri; text-transform: uppercase; color: #EEE; letter-spacing: 1px; cursor: pointer; }
.nav:hover{ background: #444; -webkit-transition: .2s; color: #DDD; }
.top{ position: absolute; top: 10px; left: 200px; width: 500px; border-top: 40px solid #333; border-bottom: 40px solid #333; }
.box1{ background: #FFF; padding: 10px; border-left: 10px solid #fff1cf; -webkit-transition: .2s; }
.box1:hover{ border-left: 20px solid #fff1cf; }
.box2{ background: #FFF; padding: 10px; border-left: 10px solid #fde8d0; -webkit-transition: .2s; }
.box2:hover{ border-left: 20px solid #fde8d0; }
.divider{ height: 20px; background: #f8f4e6; color: transparent; border-top: 1px dashed #f2c9ac; border-bottom: 1px dashed #f2c9ac; }
.h2{border-top: 1px solid #EEE; font: italic 11px Georgia; color: #BBB; letter-spacing: 1px; cursor: help; text-align: right;}
.h1{ border-bottom: 2px solid #FFAFBE; font: normal 17px Arial; color: #AAA; cursor: crosshair; }
.h1:first-letter{ color: #82CAFA; text-shadow: 2px 3px -2px #FFAFBE; margin-right: 5px; }
b{ color: #f2c9ac; }
</style>
<body>
<div class="line">x</div>
<div class="navi">
<img src="http://i877.photobucket.com/albums/ab339/Reviviscent/LB6.png">
</div>
<div style="position: absolute; top: 175px; left: 750px; width: 320px; height: auto; text-align: left;">
<span class="nav" onClick="changeNavigation('home')" title="Home">Switch me to :</span>
</div>
<div style="position: absolute; top: 185px; left: 750px; width: 320px; height: auto; text-align: right;">
<span class="nav" onClick="changeNavigation('tagboard')" title="Tagboard">BLAHBLAHBLAH</span>
<span class="nav" onClick="changeNavigation('affiliates')" title="Affiliates">MOREBLAH</span>
<span class="nav"><a href="/" title="Refresh">♥</a></span>
</div>
<div id="sidebar">
Coisas.
Podia escrever aqui a minha vida toda, todos os meus interesses que continuavas a não me conhecer. OPINIÕES. OPINION. OPINA. coisas. blogé. Podia escrever aqui a minha vida toda, todos os meus interesses que continuavas a não me conhecer. OPINIÕES. OPINION. OPINA. coisas. blogé. Podia escrever aqui a minha vida toda, todos os meus interesses que continuavas a não me conhecer. OPINIÕES. OPINION. OPINA. coisas. blogé. Podia escrever aqui a minha vida toda, todos os meus interesses que continuavas a não me conhecer. OPINIÕES. OPINION. OPINA. coisas. blogé.
</div>
<div id="home" style="display: none;">
Podia escrever aqui a minha vida toda, todos os meus interesses que continuavas a não me conhecer. OPINIÕES. OPINION. OPINA. coisas. blogé. Podia escrever aqui a minha vida toda, todos os meus interesses que continuavas a não me conhecer. OPINIÕES. OPINION. OPINA. coisas. blogé. Podia escrever aqui a minha vida toda, todos os meus interesses que continuavas a não me conhecer. OPINIÕES. OPINION. OPINA. coisas. blogé. Podia escrever aqui a minha vida toda, todos os meus interesses que continuavas a não me conhecer. OPINIÕES. OPINION. OPINA. coisas. blogé.
</div>
<div id="tagboard" style="display: none;">
Your tagboard goes here. <br>
Manarie li que vaqeriao |At vver eos et accusam dignissum qui blandit est praesent luptatum delenit aigue excepteur sint occae. Et harumd dereud facilis est er expedit distinct. Yoii rockem sockem mow-em yown. Manarie li que vaqeriao.
</div>
<div id="affiliates" style="display: none;">
<img src="http://i877.photobucket.com/albums/ab339/Reviviscent/user_green.png"> <b>Affiliates</b>
<br>
<a href="http://celestehopes.blogspot.com/" target="_blank">Alicia</a>
<a href="http://celestehopes.blogspot.com/" target="_blank">Bernice</a>
<a href="http://celestehopes.blogspot.com/" target="_blank">Claudia</a>
<a href="http://celestehopes.blogspot.com/" target="_blank">Diana</a>
<a href="http://celestehopes.blogspot.com/" target="_blank">Elizabeth</a>
<a href="http://celestehopes.blogspot.com/" target="_blank">Fiona</a>
<a href="http://celestehopes.blogspot.com/" target="_blank">Geralyn</a>
<a href="http://celestehopes.blogspot.com/" target="_blank">Helen</a>
<a href="http://celestehopes.blogspot.com/" target="_blank">Icy</a>
<a href="http://celestehopes.blogspot.com/" target="_blank">Jolene</a>
<a href="http://celestehopes.blogspot.com/" target="_blank">Karissa</a>
<a href="http://celestehopes.blogspot.com/" target="_blank">Leah</a>
<a href="http://celestehopes.blogspot.com/" target="_blank">Monica</a>
<a href="http://celestehopes.blogspot.com/" target="_blank">Natasha</a>
<a href="http://celestehopes.blogspot.com/" target="_blank">Ophelia</a>
<a href="http://celestehopes.blogspot.com/" target="_blank">Polly</a>
<a href="http://celestehopes.blogspot.com/" target="_blank">Quinny</a>
<a href="http://celestehopes.blogspot.com/" target="_blank">Rachel</a>
<a href="http://celestehopes.blogspot.com/" target="_blank">Serene</a>
<a href="http://celestehopes.blogspot.com/" target="_blank">Tiana</a>
<br><br>
<img src="http://i877.photobucket.com/albums/ab339/Reviviscent/rainbow.png"> <b>Credits</b> <br>
Layout was coded by <a href="http://saraaicha.blogs.sapo.pt/">ROCKSTAR</a><a href="http:/www.blogskins.com/me/scintillantstar">scintillant</a>. <br>
Inspirations from <a href="http://www.blogskins.com/me/_toile_filante" title="Navigators inspirations.">*étoile</a><a href="http://www.blogskins.com/info/310824" title="Navigators inspirations.">filante</a>,
<a href="http://www.blogskins.com/me/chapstick" title="(Entries)Border">chap</a><a href="http://www.blogskins.com/info/338752" title="(Entries)Border">stick</a>,
and <a href="http://www.blogskins.com/me/ohvenuss" title="Sidebar">Oh</a><a href="http://www.blogskins.com/info/340394/" title="Sidebar">venuss</a>.
Banner from <a href="http://www.l-vebox.blogspot.com">L-vebox</a>. Icon from <a href="http://www.reviviscent.blogspot.com">Reviviscent</a>. <br>
Mini icons from <a href="http://www.famfamfam.com">Famfamfam</a>.
</div>
<div class="top">
<div class="box1">
<div style="float: right;"><img src="http://i877.photobucket.com/albums/ab339/Reviviscent/138.png"></div>
Your profile goes here.<br>
Occae et harumb bet theap. Est praesent luptatum. Ha. <br>
Et harumd dereud facilis est er expedit distinct. <br>
Yoii rockem sockem mow-em yown. <br>
Manarie li que vaqeriao. Occae et harumb bet theap. <br>
Et harumd dereud facilis est er expedit distinct.<br>
Occae et harumb bet theap. Est praesent luptatum. Ha. <br>
</div>
<div class="divider">Secrets are not meant to be told, so make sure your lips are sealed.</div>
<div class="box2">
código da música, ou algo assim.
</div>
<div class="divider">Secrets are not meant to be told, so make sure your lips are sealed.</div>
</body>
</html>
a partir de agora as adaptações do blogskins custam 20 comentários!
se quiseres podes fazer ritinha (a)
Quarta-feira, 23 de Junho de 2010
ATENÇÃO: Não faço encomendas, estas são encomendas de um blog que tive de design que deixei inacabadas.
Olá <'3
Aqui tens:
espero que gostes (: