n__n ando ociando recientemente con esto de los codigos.. (see nada mejor que hacer)...
y pues jugue con codigos que ya tenia en mi compu desde hace mucho... Uno que me agrada bastante se llama The Hobbit, y les mentiria si les dijera la pagina exacta en donde localizarlo.. pero creo que google si sabra decirles (muchos usan ese Template)...
Bien.. como son escasos los CSS FREE por google, exclusivos para Cosspace, pues ando convirtiendo esos CSS para Blogs, en CSS para Cosspace.. hasta ahora llevo a medias el The Hobbit, por flojera no lo termine completo, no es dificil, solo tienes que leer el codigo fuente original de tu pagina y ahi tomar todo lo que diga "Class"...
en fin..
aqui esta:
/* standard elements */
a { color:#36C; }
a:hover {color:#06F;}
/*fondo de la pagina*/
body {background:#000 url('http://img248.imageshack.us/img248/5746/bgpa8.jpg') !important;}
.border2 {background:transparent; color:#444;}
.mainmenu5 { background: #000 center;}
/* structure */
#main {background: #E7EBD0 url('http://img20.imageshack.us/img20/287/bgcontainerou0.jpg') repeat-y center top; margin: 0 auto;width: 736px;}
.mainmenu5 a {color:#15394C;}
.mainmenu5 {
text-align:center;
background: url('http://img405.imageshack.us/img405/6703/patternxw1.gif');
font-size:10pt;
color:#fff;
border-bottom:solid #ccc 0px;
border-top:solid transparent 0px;
border-left:solid #ccc 0px;
border-right:solid #ccc 0px;
}
/* My details */
.color {color:#000; background:transparent;}
.border13 { color: #000; background:transparent; url('http://img91.imageshack.us/img91/2646/bgcontentvw8.gif')}
.mainmenu6 {background: #56644A;}
.mainmenu6 a { color:#56644A;}
.mainmenu7 {background:#56644A; }
.mainmenu7 a { color:#56644A; }
.mainmenu7 a:hover { color:#56644A; }
/*Formato del editor*/
input { background:transparent; }
.mceEditor { color:#000; background:#505C44 url('http://www.cosspace.com/design/tinymce/themes/advanced/images/statusbar_resize.gif') no-repeat right bottom; border-style:none; padding-left:0; padding-right:0; padding-top:3px; padding-bottom:3px }
.mceToolbarTop { background:transparent; border-style:none;padding:0 0 5px 0; }
.mceToolbarTop img { border-style:none !important; }
.mceButtonNormal { background:transparent; }
.mceButtonOver { background:#527C92; }
.mceButtonDown { background:#466F84; }
.mceSelectList { background:#6490A7; color:#fff; }
.mceSelectList:hover { background:#527D94; color:#fff; }
#mce_editor_0_forecolor {/* display:none !important; */}
.border13 a { color: #fff; }
.border13 a:hover { color: #fff; }
/* navigation */
.item3 {color: #000; display:none;}
.item2 { color: #000; background:transparent;}
.item { color: #000; }
.item a { color: #6C7151; font: normal 1.9em serif;line-height: 50px;margin: 0 0px;text-decoration: none;}
.item a:hover { color: #000; }
.item2 a { color: #000; font: normal 1.9em serif;line-height: 50px;margin: 0 0px;text-decoration: none; }
.item2 a:hover { color: #2C3111; }
/* comment */
.comment { background: transparent;
color:#444; }
.comment-text { color:#444; }
.comment-head { background: #56644A; }
.comment-head a {color:#FFC; font-size:11px; text-transform: uppercase; font-weight: bold;}
.comment-head b {color:#fff; }
#outer2 { background: #000; }
.menu { background: #000000; }
.menu a { color: #ffffff; }
.menu2 a:hover {color:#000000;}
.menu2 {background-color:#CFF8FF; }
.menu2 a { background-color:#CFF1FF; color:#000000;}
#outer {background-position: top left; width:720PX; }
#main { color:#0099FF; }
b {color:#FFC;font-family:sans-serif; font-size:15px; }
mm lo seguire modificando XD si alguien se avienta a mejorarlo me gustaria bastante *¬* ...
Codigo original de The Hobbit:
/* standard elements */
* {
margin: 0;
padding: 0;
}
a {color: #36C;}
a:hover {color: #06F;}
body {
background: #4E5D3C url(img/bg.jpg);
color: #444;
font: normal 62.5% "Lucida Sans Unicode",sans-serif;
margin: 0;
}
p,blockquote,ul {margin-bottom: 1.2em;}
h1 {font: normal 1.6em serif;}
h2 {
font: bold 1em Verdana,serif;
margin: 3px 0 1px;
}
ul {margin-left: 1.8em;}
blockquote {
background: url(img/quote.gif) no-repeat;
color: #555;
font: normal 1.4em serif;
padding-left: 22px;
}
blockquote p {padding: 6px;}
/* misc */
.clearer {clear: both;}
.left {float: left;}
.right {float: right;}
img.left {margin: 0 18px 6px 0;}
.divider {
background: url(img/divider.gif) no-repeat;
height: 20px;
margin: 24px 0;
}
/* structure */
.container {
background: url(img/bgcontainer.jpg) repeat-y center top;
margin: 0 auto;
width: 736px;
}
.gfx {
background: url(img/gfx.jpg) no-repeat;
float: left;
height: 140px;
margin-top: 12px;
width: 52px;
}
.top {
background: url(img/bgcontent.gif) no-repeat 0 -4%;
float: left;
text-align: center;
width: 632px;
}
.header {
background: #56644A url(img/header.jpg) no-repeat;
color: #FFC;
font-size: 1.4em;
height: 232px;
padding-right: 270px;
}
.header h1 {
font: normal 3.2em serif,sans-serif;
padding: 62px 0 34px 0;
}
.pattern {
background: #334127 url(img/pattern.gif) repeat-x;
clear: both;
height: 12px;
}
/* navigation */
.navigation {margin: 0 24px;}
.navigation a {
color: #6C7151;
font: normal 1.9em serif;
line-height: 50px;
margin: 0 16px;
text-decoration: none;
}
.navigation a:hover,.navigation #selected {
color: #2C3111;
}
/* content */
.content {
background: url(img/bgcontent.gif) no-repeat;
clear: both;
font-size: 1.2em;
margin: 0 52px;
padding: 0 38px 12px;
}
.content .spacer {
height: 42px;
}
/* content item */
.item {clear: both;}
.item img {border: 1px dashed #8A6;}
.item .title {
color: #445044;
font: normal 2em serif;
}
.item .title:first-letter {
display: block;
float: left;
font-size: 2.4em;
}
.item .metadata {
color: #666;
font-size: 0.9em;
float: left;
padding: 0 0 6px 4px;
}
.item .body {
clear: both;
}
/* footer */
.footer {
background: url(img/bgfooter.gif) no-repeat;
color: #666;
font-size: 1.1em;
line-height: 41px;
margin: 0 auto;
text-align: center;
width: 632px;
}
.footer a {
color: #666;
text-decoration: none;
}
.footer a:hover {
color: #333;
text-decoration: underline;
}
importante.. ¬¬ ningun derecho... licencia o lo que sea es mio, ni de nadie XD.. son codigos globales de Cosspace, asi que nadie roba a nadie..
