toadteayuda - ceruleanelegance

ceruleanelegance

Nombre de la plantilla: Cerulean Elegance
Fecha: 23/2/10
Adaptada por: JRK (TTA)
Extras: Si

Nombre del extra: Menu m.Raton
Creada por: JRK(TTA)
Como usarla?: Se pincha con el raton el menu y se desplaza hacia la derecha. Haciendo un movimiento de izquierda a derecha.

Texto encima de la pagina:

<div id="layout_wrapper_outer"> <div id="layout_wrapper"> <div id="layout_top"> <div id="site_title">  <h1><a href="#" _fcksavedurl="#" _fcksavedurl="#">El-wWw<span> .es.tl</span></a></h1> <h2>La edad no importa !</h2> </div></div> <div id="layout_body_outer"> <div id="layout_body"> <div id="navigation"> <div id="nav1"><ul>  <li class="current_page_item"><a href="URL" _fcksavedurl="URL" _fcksavedurl="URL">Inicio</a></li> <li><a href="URL" _fcksavedurl="URL" _fcksavedurl="URL">Link's 1</a></li> <li><a href="URL" _fcksavedurl="URL" _fcksavedurl="URL">Link's 2</a></li> <li><a href="URL" _fcksavedurl="URL" _fcksavedurl="URL">Link's 3</a></li> <li><a href="URL" _fcksavedurl="URL" _fcksavedurl="URL">Link's 4</a></li> </ul><div class="clearer"></div></div> <div id="nav2"><ul>  <li class="current_page_item"><a href="URL" _fcksavedurl="URL" _fcksavedurl="URL">Link's 1</a></li> <li><a href="URL" _fcksavedurl="URL" _fcksavedurl="URL">Link's 2</a></li> <li><a href="URL" _fcksavedurl="URL" _fcksavedurl="URL">Link's 3</a></li> <li><a href="URL" _fcksavedurl="URL" _fcksavedurl="URL">Link's 4</a></li> <div class="clearer"></div> </div></div><div id="main"> <div class="left" id="content_outer">

Debajo de la pagina:

</div><div class="right" id="sidebar_outer"> <div id="sidebar"><div class="box"> <div class="box_title">Mi web!</div> <div class="box_content"><p> Aqui puedes poner lo que quieras! si quieres puedes poner una descripcion de tu web. </p></div></div> <div class="box"> <div class="box_title">Categorias</div> <div class="box_content"><ul> <li><a href="URL" _fcksavedurl="URL">Nombre del link's 1</a></li> <li><a href="URL" _fcksavedurl="URL">Nombre del link's 2</a></li> <li><a href="URL" _fcksavedurl="URL">Nombre del link's 3</a></li> <li><a href="URL" _fcksavedurl="URL">Nombre del link's 4</a></li> <li><a href="URL" _fcksavedurl="URL">Nombre del link's 5</a></li> </ul></div></div><div class="box"> <div class="box_title">Recursos</div> <div class="box_content"><ul> <li><a href="URL" _fcksavedurl="URL">Nombre del link's 1</a></li> <li><a href="URL" _fcksavedurl="URL">Nombre del link's 2</a></li> <li><a href="URL" _fcksavedurl="URL">Nombre del link's 3</a></li> <li><a href="URL" _fcksavedurl="URL">Nombre del link's 4</a></li> <li><a href="URL" _fcksavedurl="URL">Nombre del link's 5</a></li> </ul></div></div> </div></div><div class="clearer"></div></div> <div id="dashboard"><div id="dashboard_inner"> <div class="col3 left"><div class="col3_content"> <div class="col_title">Lin's de abajo 1</div><ul> <li><a href="URL" _fcksavedurl="URL">Link's 1</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 2</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 3</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 4</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 5</a></li> </ul></div></div><div class="col3mid left"> <div class="col3_content"> <div class="col_title">Lin's de abajo 2</div><ul> <li><a href="URL" _fcksavedurl="URL">Link's 1</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 2</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 3</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 4</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 5</a></li> </ul></div></div> <div class="col3 right"><div class="col3_content"> <div class="col_title">Praesent</div><ul> <li><a href="URL" _fcksavedurl="URL">Link's 1</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 2</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 3</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 4</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 5</a></li> </ul></div></div> <div class="clearer"></div> </div></div></div></div> <div id="footer"> <div class="left"> © 2009 Tuweb.es.tl - Tu eslogan </div><div class="right"> <a href="http://templates.arcsin.se/" _fcksavedurl="http://templates.arcsin.se/">Website template</a> | Adapter by <a href="http://el-www.es.tl" _fcksavedurl="http://el-www.es.tl">El-wWw</a></div> <div class="clearer"></div></div></div></div> </body></html>

CSS-Code sin Style Tags:

#pre_header {display: none;} #post_header {display: none;} #header_container {display: none;} lli.nav_element{display: none;} li.nav_element a{display: none;} h1#title{display: none;} h2#title span {display: none;} #header {display: none;} #title {display: none;} #nav_container {display:none;} table {margin-left:auto;margin-right:auto;} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } html {height: 100%;padding-bottom: 1px;} body {background: #202020 url("https://img.webme.com/pic/w/webcp/cerulean1.gif") repeat-x left top; color: #5A5A50;font: normal 0.8em sans-serif;line-height: 1.5em;	} p {padding: 0.2em 0 1em;} h1 {font: normal 2em sans-serif;} h2 {font: normal 1.8em sans-serif;} h3 {font: normal 1.6em sans-serif;} h4 {font: normal 1.4em sans-serif;} h5 {font: bold 1.2em sans-serif;} h6 {font: bold 1em sans-serif;} h1,h2,h3,h4,h5,h6 {color: #456;margin-bottom: 0.3em;} dl {margin-bottom: 2em;} dt,dd {padding: 8px 10px;} dt {border-bottom: 1px solid #D5D5D5;background: #E5E5E5;color: #555;font-weight: bold;} dd {background: #F5F5F5;border-bottom: 1px solid #E5E5E5;padding-left: 16px;} a {color: #456;} a:hover {color: #D60;text-decoration: underline;} img.bordered,img.alignleft,img.alignright,img.aligncenter { background-color: #FFF;border: 1px solid #DDD;padding: 3px;} img.left,img.alignleft {margin: 0 15px 12px 0;} img.right,img.alignright {margin: 0 0 15px 12px;} .left,.alignleft {float: left;} .right,.alignright {float: right;} .center,.aligncenter {margin: 0 auto;} .clear,.clearer {clear: both;} .clearer {display: block;font-size: 0;line-height: 0;height: 0;} .content_separator, .archive_separator {background: #D5D5D5;clear: both;color: #FFE;display: block;font-size: 0; height: 1px;line-height: 0;margin: 12px 0 24px;} .archive_separator {margin: 0 0 14px;} /* General */ #layout_wrapper_outer {background: url("https://img.webme.com/pic/w/webcp/cerulean2.jpg") no-repeat center top;} #layout_wrapper {color: #FFF;margin: 0 auto;width: 906px;} #layout_top {height: 114px;} #layout_body_outer {background: #373737 url("https://img.webme.com/pic/w/webcp/cerulean3.jpg") repeat-x;} #layout_body {background: url("https://img.webme.com/pic/w/webcp/cerulean4.gif") no-repeat; padding: 8px 8px 0;} #site_title {padding: 28px 12px 0;} #site_title a {color: #73BCD1;text-decoration: none;} #site_title a:hover {color: #FFF;} #site_title h1 {font-size: 2.4em;margin-bottom: 6px;} #site_title h1 span {color: #C0C6CF;} #site_title h2 {color: #789;font-size: 1.2em;} #navigation {background: #3A3A3A url("https://img.webme.com/pic/w/webcp/cerulean5.gif") no-repeat; font: bold 1.3em sans-serif;padding: 0 8px;} #navigation ul, #navigation li {display: inline;} #navigation li {display: inline;} #navigation a {float: left;margin-right: 1px;text-align: center;text-decoration: none;} #nav1 a {color: #BBB;padding: 10px 12px 12px;} #nav1 a:hover {color: #EEE;} #nav1 li.current_page_item a,#nav1 li.current_page_parent a {color: #ADE7F6; background: url("https://img.webme.com/pic/w/webcp/cerulean6.gif") no-repeat center bottom;} #nav2 a {color: #D0D6DA;padding: 10px;} #nav2 {background: #5090AE url("https://img.webme.com/pic/w/webcp/cerulean7.gif") repeat-x; margin: 0 -8px;padding: 0 8px;} #nav2 a:hover {color: #FFF;} #nav2 li.current_page_item a {color: #FFF;} #main {background:#fff url("https://img.webme.com/pic/w/webcp/cerulean8.gif") repeat-y; border-bottom: 1px solid #C5C5C5;} #main ol, #main ul {margin: 0 0 1.2em 1.6em;} #main ul li {list-style: disc;} #main ol li {list-style: decimal;} #main li {padding: 2px 0;} #content_outer {border-top: 1px solid #FFF;width: 629px;} #content {color: #444;padding: 16px;} #sidebar_outer {border-top: 1px solid #EEE;width: 259px;} #sidebar {color: #555;padding: 16px 12px;	} #sidebar a {color: #555;} #sidebar a:hover {color: #000;} #dashboard {background: #CCC;border-top: 1px solid #D5D5D5;font-size: 0.9em;} #dashboard_inner {padding: 16px 20px 6px;} #dashboard .col3 {width: 255px;} #dashboard .col3mid {width: 337px;} #dashboard .col3mid .col3_content {border-left: 1px solid #B5B5B5; border-right: 1px solid #B5B5B5;padding: 0 20px;margin: 0 20px;} #dashboard .col_title {color: #666;font-size: 1.4em;font-weight: bold;padding-bottom: 5px;} #dashboard li {color: #777;padding: 4px 0;} #dashboard li {border-top: 1px solid #BEBEBE;} #dashboard li a {color: #666;text-decoration: none;} #dashboard li a:hover {color: #333;text-decoration: underline;} #footer {background: url("https://img.webme.com/pic/w/webcp/cerulean9.gif") no-repeat; color: #777;font-size: 0.9em;padding: 22px 8px 10px;} #footer a {color: #999;} #footer .right, #footer .right a {color: #666;text-decoration: none;} #footer a:hover {color: #999;} .box {margin-bottom: 0.6em;} .box_title {background: #E5E5E5;border: 1px solid #EAEAEA;border-color: #EAEAEA #D5D5D5 #D5D5D5 #E5E5E5; color: #777;font: bold 1.3em sans-serif;padding: 6px 10px;} .box_content {padding: 8px 0 8px;} .box li:first-child {border-top: none;} * html #nav1, * html #nav2, * html #layout_body, * html #dashboard_inner, * html #footer {height: 0.01%; min-height: 0.01%;}

Extra (Advertencia referente al campo de contenido):

<-- ! webmaster JRK-El-wWw !--> <html> <head> <style>  </style> </head> <body> <script language="JavaScript1.2"> /* Sliding Menu Bar Script- ?Dynamic Drive (www.dynamicdrive.com) For full source code, installation instructions, 100's more DHTML scripts, and Terms Of Use, visit dynamicdrive.com */ if (document.all) document.write('<div id="slidemenubar2" style="left:-150">') </script> </b> <layer id="slidemenubar"> <script language="JavaScript1.2"> var sitems=new Array() var sitemlinks=new Array() //Lista de Menus Extra sitems[0]="Menu extra1" sitems[1]="Menu extra2" sitems[2]="Menu extra3" sitems[3]="Menu extra4" sitems[4]="Menu extra5" sitems[5]="Menu extra6" sitems[6]="Menu extra7" sitems[7]="Menu extra8" sitems[8]="Menu extra9" sitems[9]="Menu extra10" sitems[10]="Menu extra11" sitems[11]="Menu extra12" sitems[12]="Menu extra13" //These are the links pertaining to the above text. sitemlinks[0]="../test.htm" sitemlinks[1]=".." sitemlinks[2]="http://www.dynamicdrive.com/dynamicindex1/index.html" sitemlinks[3]="http://www.dynamicdrive.com/dynamicindex3/index.html" sitemlinks[4]="http://www.dynamicdrive.com/dynamicindex2/index.html" sitemlinks[5]="http://www.dynamicdrive.com/dynamicindex4/index.html" sitemlinks[6]="http://www.dynamicdrive.com/dynamicindex5/index.html" sitemlinks[7]="http://www.dynamicdrive.com/dynamicindex6/index.html" sitemlinks[8]="http://www.dynamicdrive.com/dynamicindex10/index.html" sitemlinks[9]="http://www.dynamicdrive.com/dynamicindex8/index.html" sitemlinks[10]="http://www.dynamicdrive.com/dynamicindex9/index.html" sitemlinks[11]="http://www.dynamicdrive.com/dynamicindex7/index.html" sitemlinks[12]="http://www.dynamicdrive.com/dynamicindex11/index.html" for (i=0;i<=sitems.length-1;i++) document.write('<a href='+sitemlinks[i]+'>'+sitems[i]+'</a><br>') </script> </layer> <script language="JavaScript1.2"> function regenerate(){ window.location.reload() } function regenerate2(){ if (document.layers) setTimeout("window.onresize=regenerate",400) } window.onload=regenerate2 if (document.all){ document.write('</div>') themenu=document.all.slidemenubar2.style rightboundary=0 leftboundary=-150 } else{ themenu=document.layers.slidemenubar rightboundary=150 leftboundary=10 } var dragapproved=false var x1,x2 if (document.layers) themenu.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP) function move(e){ if (document.all&&event.button==1&&dragapproved){ if(temp1+event.clientX-x1>leftboundary) themenu.pixelLeft=Math.min(rightboundary,temp1+event.clientX-x1) else themenu.pixelLeft=Math.max(leftboundary,temp1+event.clientX-x1) } else if (document.layers){ if(themenu.left+e.x-x2>leftboundary) themenu.left=Math.min(rightboundary+2,themenu.left+e.x-x2) else themenu.left=Math.max(leftboundary-2,themenu.left+e.x-x2) } } function drags(e){ if (document.all){ dragapproved=true temp1=themenu.pixelLeft x1=event.clientX document.onmousemove=move } else{ themenu.captureEvents(Event.MOUSEMOVE) x2=e.x } } function stopit(){ if (document.all){ dragapproved=false } if (document.layers) themenu.releaseEvents(Event.MOUSEMOVE) } if (document.all){ document.all.slidemenubar2.onmousedown=drags document.all.slidemenubar2.onmouseup=new Function("dragapproved=false") document.onselectstart=new Function("return false") } else if (document.layers){ themenu.onmousedown=drags themenu.onmousemove=move themenu.onmouseup=stopit } </script> </body> </html> <-- ! webmaster JRK-El-wWw !--> </body></html>