 |
| DEMO |
Una columna , con menú.
La cita utilizada en el diseño es de la canción, Elle Belle Etait de Claude Barzotti.
Dispone de un reproductor de música , que podemos cambiar por otra canción o quitarlo
El reproductor de música es sólo un EJEMPLO.
Si no te gusta, quítalo de la sección MUSIC, o cámbialo a las canciones que quieras.
Lo primero que siempre digo es tener guardada una copia de seguridad de la anterior plantilla por si nos nos gusta.
Puedes verlo paso a paso en este Post
Y ahora que ya lo tenemos empezamos:
Para empezar vamos a ir a:
Tema > HTML
Con el botón derecho de nuestro ratón seleccionamos todo y lo eliminamos y pegamos este o
<!---Vicineli*--->
<html>
<title>Je n'ai rien à se cacher.</title>
<script language=JavaScript>
<!--
//Disable right click script III- By Renigade (renigade@mediaone.net)
//For full source code, visit http://www.dynamicdrive.com
var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function("return false")
// -->
</script>
<style type="text/css">
A:link
{ text-decoration: none; font-weight: none; cursor: nw-resize; color:#E378A8;}
A:visited
{ text-decoration: none; cursor: nw-resize; color: #E378A8; }
A:active
{ text-decoration: none; cursor: nw-resize; color: #E378A8; }
A:hover {
text-decoration: none; cursor: nw-resize; color:#FF0000; padding: 1px;}
.head {
font-weight: bold;
font-style:verdena, georgia, arial;
font-size: 12px;
color:#000000;
text-align:center;
}
.head:first-letter {
font-family:verdena, georgia, times new roman, arial, century gothic;
font-size: 24pt;
color:C7820B;
font-style:italic;
}
.normal {
padding-left:5px;
color:#313131;
text-align:left;
font-size:9pt;
font-style:verdena, arial, georgia, tahoma;
line-height: 18px;
text-align:justify;
padding:1;
}
body
{ background: #D4933C;
background-image:url(http://cbimg6.com/layouts/09/06/35028ae.png);
color:#313131;
font-size: 11px;
font-family: verdena, arial, tahoma;
overflow-x:hidden;
cursor: crosshair;
}
</style>
<script>
function changeNavigation(id)
{document.getElementById('navigate').innerHTML=document.getElementById(id).innerHTML}
</script>
<noembed>
<body>
</noembed>
<img style="position: absolute; top: 0; left: 0;" border="0" src="http://cbimg6.com/layouts/09/06/35028aa.png" usemap="#Map1">
<map id="Map1" name="Map1">
<area shape="rect" coords="799,73,912,125" name="home" onClick="changeNavigation('home')" href="http://YOURBLOGNAMEHERE.blogspot.com/" alt="Home">
<area shape="rect" coords="746,127,937,176" name="about" onClick="changeNavigation('about')">
<area shape="rect" coords="736,180,933,222" name="memories" onClick="changeNavigation('memories')">
<area shape="rect" coords="721,225,903,276" name="histories" onClick="changeNavigation('histories')">
<area shape="rect" coords="707,603,750,614" name="credits" onClick="changeNavigation('credits')"></map>
<div style="width: 285px; height: 490px; border: 0px solid; font-family: verdana; z-index: 1; text-align: justify; overflow: auto;
overflow-x: hidden; padding: 2; position: absolute; left:400px; top:67px; {FILTER: chroma(color=#ffffff); scrollbar-face-color:#F1F2F4;
scrollbar-arrow-color: #F85D7D; scrollbar-track-color:#F1F2F4;scrollbar-shadow-color:#F1F2F4;
scrollbar-highlight-color:#BBC0BF;scrollbar-3dlight-color:#F1F2F4;scrollbar-darkshadow-color:#F1F2F4; background-color: transparent;" id="navigate">
<div class="head"><font color="#523200" size="2">Bonjour, Sweetcakes.</font></b><hr> </div>
<div class="normal" text-align="center">
*Req: FIREFOX, 1024 x 768 or above.* <br><br>
<font face="georgia" size="3"><i>... And here you will read my deepest thoughts.</i></font><br><br>
</div></div>
<div style="position: absolute; left:740px; top:315px; width: 200px; height: 555px; overflow: auto; background-color: transparent; text-align: justify;">
<div class="normal"; id="music">
<center><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://cbimg6.com/layouts/09/06/35028ab.gif" /><center><p style="visibility:visible;"><embed src="http://assets.myflashfetish.com/swf/mp3/mff-mpodmin.swf?myid=21408342&path=2009/05/02" quality="high" wmode="transparent" flashvars="mycolor=7cf274&mycolor2=ffffff&mycolor3=000000&autoplay=true&rand=1&f=4&vol=100&pat=11&grad=false" width="158" height="208" name="myflashfetish" salign="TL" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" border="0" style="visibility:visible;width:158px;height:208px;" /></center>
</div></div>
<div style="display:none; overflow=none"; id="memories">
<div class="head"></div>
<div class="normal">
<blogger>
<center><div class="subj"><b><font color="#523200" size="2"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></font></b></div><hr></center>
<div class="date"><BlogDateHeader><img src="http://cbimg6.com/layouts/09/06/35028ac.gif" /> <$BlogDateHeaderDate$><br></BlogDateHeader><img src="http://cbimg6.com/layouts/09/06/35028ad.gif" /> <$BlogItemDateTime$></div><hr>
<$blogitembody$>
<div align="right">
<br><i> Signed, <br> Sincerely me.</i><br>
<a href="<$BlogItemCommentCreate$>" target="_blank">Comment(s)</a>
<br><br>
</div>
</blogger>
</div></div>
<div style="display:none; overflow=none"; id="about">
<div class="head"><font color="#523200" size="2">About Moi</font></b><hr></div>
<div class="normal" text-align="justify">
ESCRIBE ALGO SOBRE TI
</div></div>
<div style="display:none; overflow=none"; id="credits">
<div class="head"><font color="#523200" size="2">Credits</font></b><hr></div>
<div class="normal" text-align="center">
Design: <a href="http://www.myspace.com/vicineli" target="_blank">Veetee @ Vicineli</a> <br>
Picture: <a href="http://haruillust.com/" target="_blank">1</a> | <a href="http://www.castlewalkstudios.co.uk/main_images/AboutStickie.png" target="_blank">2</a> | <a href="http://www.kao-ani.com/" target="_blank">3</a><br>
Music: <a href="http://www.myflashfetish.com/" target="_blank">MyFlashFetish</a><br>
Program: Photoshop<br>
Font: Windsong; Splendid ES; Carpenter ICG
</div></div>
<div style="display:none; overflow=none"; id="histories">
<div class="head"><font color="#523200" size="2">Histories</font></b><hr></div>
<div align=center>
<BloggerArchives>
<a href="<$BlogArchiveURL$>"><b><$BlogArchiveName$><b></a><br>
</BloggerArchives>
</div></div>
</html>
<html>
<title>Je n'ai rien à se cacher.</title>
<script language=JavaScript>
<!--
//Disable right click script III- By Renigade (renigade@mediaone.net)
//For full source code, visit http://www.dynamicdrive.com
var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function("return false")
// -->
</script>
<style type="text/css">
A:link
{ text-decoration: none; font-weight: none; cursor: nw-resize; color:#E378A8;}
A:visited
{ text-decoration: none; cursor: nw-resize; color: #E378A8; }
A:active
{ text-decoration: none; cursor: nw-resize; color: #E378A8; }
A:hover {
text-decoration: none; cursor: nw-resize; color:#FF0000; padding: 1px;}
.head {
font-weight: bold;
font-style:verdena, georgia, arial;
font-size: 12px;
color:#000000;
text-align:center;
}
.head:first-letter {
font-family:verdena, georgia, times new roman, arial, century gothic;
font-size: 24pt;
color:C7820B;
font-style:italic;
}
.normal {
padding-left:5px;
color:#313131;
text-align:left;
font-size:9pt;
font-style:verdena, arial, georgia, tahoma;
line-height: 18px;
text-align:justify;
padding:1;
}
body
{ background: #D4933C;
background-image:url(http://cbimg6.com/layouts/09/06/35028ae.png);
color:#313131;
font-size: 11px;
font-family: verdena, arial, tahoma;
overflow-x:hidden;
cursor: crosshair;
}
</style>
<script>
function changeNavigation(id)
{document.getElementById('navigate').innerHTML=document.getElementById(id).innerHTML}
</script>
<noembed>
<body>
</noembed>
<img style="position: absolute; top: 0; left: 0;" border="0" src="http://cbimg6.com/layouts/09/06/35028aa.png" usemap="#Map1">
<map id="Map1" name="Map1">
<area shape="rect" coords="799,73,912,125" name="home" onClick="changeNavigation('home')" href="http://YOURBLOGNAMEHERE.blogspot.com/" alt="Home">
<area shape="rect" coords="746,127,937,176" name="about" onClick="changeNavigation('about')">
<area shape="rect" coords="736,180,933,222" name="memories" onClick="changeNavigation('memories')">
<area shape="rect" coords="721,225,903,276" name="histories" onClick="changeNavigation('histories')">
<area shape="rect" coords="707,603,750,614" name="credits" onClick="changeNavigation('credits')"></map>
<div style="width: 285px; height: 490px; border: 0px solid; font-family: verdana; z-index: 1; text-align: justify; overflow: auto;
overflow-x: hidden; padding: 2; position: absolute; left:400px; top:67px; {FILTER: chroma(color=#ffffff); scrollbar-face-color:#F1F2F4;
scrollbar-arrow-color: #F85D7D; scrollbar-track-color:#F1F2F4;scrollbar-shadow-color:#F1F2F4;
scrollbar-highlight-color:#BBC0BF;scrollbar-3dlight-color:#F1F2F4;scrollbar-darkshadow-color:#F1F2F4; background-color: transparent;" id="navigate">
<div class="head"><font color="#523200" size="2">Bonjour, Sweetcakes.</font></b><hr> </div>
<div class="normal" text-align="center">
*Req: FIREFOX, 1024 x 768 or above.* <br><br>
<font face="georgia" size="3"><i>... And here you will read my deepest thoughts.</i></font><br><br>
</div></div>
<div style="position: absolute; left:740px; top:315px; width: 200px; height: 555px; overflow: auto; background-color: transparent; text-align: justify;">
<div class="normal"; id="music">
<center><img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://cbimg6.com/layouts/09/06/35028ab.gif" /><center><p style="visibility:visible;"><embed src="http://assets.myflashfetish.com/swf/mp3/mff-mpodmin.swf?myid=21408342&path=2009/05/02" quality="high" wmode="transparent" flashvars="mycolor=7cf274&mycolor2=ffffff&mycolor3=000000&autoplay=true&rand=1&f=4&vol=100&pat=11&grad=false" width="158" height="208" name="myflashfetish" salign="TL" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" border="0" style="visibility:visible;width:158px;height:208px;" /></center>
</div></div>
<div style="display:none; overflow=none"; id="memories">
<div class="head"></div>
<div class="normal">
<blogger>
<center><div class="subj"><b><font color="#523200" size="2"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></font></b></div><hr></center>
<div class="date"><BlogDateHeader><img src="http://cbimg6.com/layouts/09/06/35028ac.gif" /> <$BlogDateHeaderDate$><br></BlogDateHeader><img src="http://cbimg6.com/layouts/09/06/35028ad.gif" /> <$BlogItemDateTime$></div><hr>
<$blogitembody$>
<div align="right">
<br><i> Signed, <br> Sincerely me.</i><br>
<a href="<$BlogItemCommentCreate$>" target="_blank">Comment(s)</a>
<br><br>
</div>
</blogger>
</div></div>
<div style="display:none; overflow=none"; id="about">
<div class="head"><font color="#523200" size="2">About Moi</font></b><hr></div>
<div class="normal" text-align="justify">
ESCRIBE ALGO SOBRE TI
</div></div>
<div style="display:none; overflow=none"; id="credits">
<div class="head"><font color="#523200" size="2">Credits</font></b><hr></div>
<div class="normal" text-align="center">
Design: <a href="http://www.myspace.com/vicineli" target="_blank">Veetee @ Vicineli</a> <br>
Picture: <a href="http://haruillust.com/" target="_blank">1</a> | <a href="http://www.castlewalkstudios.co.uk/main_images/AboutStickie.png" target="_blank">2</a> | <a href="http://www.kao-ani.com/" target="_blank">3</a><br>
Music: <a href="http://www.myflashfetish.com/" target="_blank">MyFlashFetish</a><br>
Program: Photoshop<br>
Font: Windsong; Splendid ES; Carpenter ICG
</div></div>
<div style="display:none; overflow=none"; id="histories">
<div class="head"><font color="#523200" size="2">Histories</font></b><hr></div>
<div align=center>
<BloggerArchives>
<a href="<$BlogArchiveURL$>"><b><$BlogArchiveName$><b></a><br>
</BloggerArchives>
</div></div>
</html>
Modificando partes de la plantilla
Primero tenemos que modificar esta parte marcada en rojo:
Je n'ai rien à se cacher.
Tenemos que poner el nombre de nuestro blog
También modificamos http://YOURBLOGNAMEHERE.blogspot.com/
Por la url de nuestro blog
0 Comentarios
En breve revisaremos tu comentario para poder publicarlo.
Muchas gracias