|
Mastercafe zona jquery |
|
|
|
|
Mastercafe zona jquery |
|
|
Mastercafe zona jquery
|
Mastercafe zona jquery |
|
|
|
|
Mastercafe zona jquery |
|
|
Parámetros:
bd=jquery|navlist=alta-tit-des-rat-vis-tag|navlink=tit-tag|navsearch=deftitulo-defdescrip-defdetalle-tags|navlistid=alta-tit-tag-brwnw-det-sha-tgrel-vot-rag|navlinkid=tag|repag=6|blog=1|addfoot=1|pager=1|h1tit=1|brwtmpt=template/highslide|actionbgover=#eee|actionbgout=#fff|back=1|addhead=1|addheadtitle=jquery|spacerhead=1|stylehead=background-color:#FFF;|dateformat=<span style="font-size:1.6em;">dd</span><br/>mmm|blogform=13|blogpag=10|skin=css/jquery|bloguser=1|addsearch=1|ctrlalta=1
#box1106 .areacn { width:690px; height:auto; float:left; position:relative; padding-top:15px; padding-right:35px; padding-bottom:15px; padding-left:10px; color:#000; -moz-border-radius:5px; -webkit-border-radius:5px; margin-bottom:20px; } #box1106 .areacn .arbalta { position:absolute; top:5px; right:-60px; height:52px; width:58px; padding-top:5px; padding-left:1px; background:transparent url(/sql/images/css/pesthd.png) no-repeat top left; color:#FFF; font-weight:bold; font-size:12px; text-align:center; } #box1106 .areacn .arbtitle { font-weight:bold; padding-bottom:10px; } #box1106 .areacn .arbdeta { margin-bottom:20px; text-align:justify; font-size:12px; } #box1106 .areacn .arbdesc { margin-bottom:20px; text-align:justify; font-size:12px; } #box1106 .areacn .arbvisit { display:block; position:absolute; bottom:-20px; right:20px; padding-top:4px; background:url(/sql/images/css/pestvb.png) no-repeat top left; width:52px; height:39px; text-align:center; color:#FFF; font-size:9px; } #box1106 .areacn .arbrates { display:block; position:absolute; bottom:-20px; right:80px; padding-top:4px; background:url(/sql/images/css/pestvb.png) no-repeat top left; width:52px; height:39px; text-align:center; color:#FFF; font-size:9px; } #box1106 .areacn .arbfoto {display:none;float:right;padding:5px;height:100%;} #box1106 .areacn .arbmasinfo { display:block; position:absolute; bottom:-20px; right:140px; padding-top:4px; background:url(/sql/images/css/pestvb.png) no-repeat top left; width:52px; height:39px; text-align:center; color:#FFF; font-size:9px; } #box1106 .arbbrwnw {background-color:#CCC;color:#F90;} #box1106 .arbbrwnw a {background-color:#CCC;color:#F90;} #box1106 .toggler {cursor:pointer} #box1106 .idarbtitle {font-weight:bold;font-size:1.4em;color:#03486D;padding-bottom:10px;} #box1106 .idarbalta { position:absolute; top:5px; right:-60px; height:52px; width:58px; padding-top:5px; padding-left:1px; background:transparent url(/sql/images/css/pesthd.png) no-repeat top left; color:#FFF; font-weight:bold; font-size:12px; text-align:center; } #box1106 .idarbdeta {position:relative;margin:10px 0px;} #box1106 .idarbtag {margin-bottom:10px;} #box1106 .idarbdesc {position:relative;} #box1106 .idarbbrwnw { border:1px solid #039; -border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:5px 20px 5px; } #box1106 .idarbbrwnw a {color:#F60;} #box1106 .idarbtgrel {background-color:#EEE;padding:5px;margin:15px 0px;} #box1106 .idarbvot {background-color:#FC6;display:block;float:left;width:50%;} #box1106 .idarbratgraf {display:block;float:right;} #box1106 .idarbrates {display:block;float:left;} |
En en ejemplo que se muestra los estilos se han precedido del identificador de la caja para evitar que se reutilicen en otras areas de la zona.
<div style="float:left;display:block;width:45%;"><a href="?zona=##poszona##&id=##posindice##" target="_self">##postitle##</a></div> <div style="float:left;display:block;width:5%;"> </div> <div style="float:right;display:block;width:45%;text-align:right;"><a href="?zona=##prezona##&id=##preindice##" target="_self">##pretitle##</a></div> <br style="clear:both;" />
|
En este ejemplo no se han incluido el resto de elementos gráficos referenciados en la hoja de estilos
