SHARE
TWEET

Descripción para Subforos (HTML)

Arabella23 May 20th, 2015 (edited) 357 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. -------ESTA ES PARA LA DESCRIPCIÓN NORMAL + LINKS---------------
  2.  
  3. <div id="links">
  4.                                                                                                                    
  5.         <div id="links1">
  6.                                                                     <a class="tooltip" href="http://savage-themes.tumblr.com/">I<span>Enlace 1 </span></a>                                                    
  7.         </div>
  8.                        
  9.         <div id="links2">
  10.                                                                     <a class="tooltip" href="http://savage-themes.tumblr.com/">II<span>Enlace 2 </span></a>                                                    
  11.         </div>
  12.                      
  13.         <div id="links3">
  14.                                                                     <a class="tooltip" href="http://savage-themes.tumblr.com/">III<span>Enlace 3 </span></a>                                                                                                    
  15.         </div>
  16.                  
  17.         <div id="links4">
  18.                                                                     <a class="tooltip" href="http://savage-themes.tumblr.com/">IV<span>Enlace 4 </span></a>                                                                                                    
  19.         </div>
  20.                
  21.         <div id="links5">
  22.                                                                     <a class="tooltip" href="http://savage-themes.tumblr.com/">IV<span>Enlace 5 </span></a>                                                                                                    
  23.         </div><style type="text/css">
  24. a.tooltip{color:#fff;}a.tooltip:hover {text-decoration:none;}
  25. a.tooltip span {display:none;margin-left:-28px; margin-top:20px;margin-bottom:-100px; padding:2px 5px;}
  26. a.tooltip:hover span{display:inline; position:absolute;font-size:10px; background:#d4cdc3; color:#141414;font-family:arial;}</style>
  27. </div>
  28. <div id="descripcion1">
  29.           Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id. Quo mundi lobortis reformidans eu, legimus senserit definiebas an eos. Eu sit tincidunt incorrupte definitionem, vis mutat affert percipit cu, eirmod consectetuer signiferumque eu per. In usu latine equidem dolores. Quo no falli viris intellegam, ut fugit veritus placerat per. Ius id vidit volumus mandamus, vide veritus democritum te nec, ei eos debet libris consulatu. No mei ferri graeco dicunt, ad cum veri accommodare. Sed at malis omnesque delicata, usu et iusto zzril meliore. Dicunt maiorum eloquentiam cum cu, sit summo dolor essent te. Ne quodsi nusquam legendos has, ea dicit voluptua eloquentiam pro, ad sit quas qualisque. Eos vocibus deserunt quaestio ei.  
  30. </div>
  31.  
  32. ------------------ESTA ES PARA LA IMAGEN + DESCRIPCIÓN ---------------------------
  33.  
  34. <div id="cajitamovarriba1">
  35.                                                                                                          
  36.         <div id="cajitamovarriba2">
  37.                                                                    Lorem ipsum ad his scripta blandit partiendo, eum fastidii accumsan euripidis in, eum liber hendrerit an. Qui ut wisi vocibus suscipiantur, quo dicit ridens inciderint id. Quo mundi lobortis reformidans eu, legimus senserit definiebas an eos. Eu sit tincidunt incorrupte definitionem, vis mutat affert percipit cu, eirmod consectetuer signiferumque eu per. In usu latine equidem dolores. Quo no falli viris intellegam, ut fugit veritus placerat per. Ius id vidit volumus mandamus, vide veritus democritum te nec, ei eos debet libris consulatu. No mei ferri graeco dicunt, ad cum veri accommodare. Sed at malis omnesque delicata, usu et iusto zzril meliore. Dicunt maiorum eloquentiam cum cu, sit summo dolor essent te. Ne quodsi nusquam legendos has, ea dicit voluptua eloquentiam pro, ad sit quas qualisque. Eos vocibus deserunt quaestio ei.                                              
  38.         </div>
  39. </div><style type="text/css">#cajitamovarriba1{background:url(http://i.imgur.com/2ihX9ZC.png);width:374px;height:100px;border:10px solid #ffffff;margin-left:3px;margin-top:-11px;overflow:hidden;} #cajitamovarriba2{background:#65a7ab;margin-left:2px;border:1px solid #ffffff;outline:2px solid #65a7ab;width:352px;height:82px;overflow:hidden;position:relative;padding:8px;padding-top:20px;top:-120px;transition:ease-in-out 0.5s;-webkit-transition:ease-in-out 0.5s;-ms-transition:ease-in-out 0.5s;-moz-transition:ease-in-out 0.5s;overflow:auto;line-height:10px;color:#ffffff;font-size:10px;} #cajitamovarriba1:hover #cajitamovarriba2{top:-14px;}</style>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top