ÍndiceCodigo Expediente
Página 1 de 1. • Comparte
Codigo Expediente
por Admin Jue Sep 21, 2017 6:10 pm
<center><div style="width: 610px; height; 450px; background-color: #fff; padding: 10px;"><div style="width: 610px; height: 1px; background-color: #000;"></div><div style="height: 5px;"></div><table cellpadding="0" cellspacing="0"><td><div style="width: 225px; height: 450px; background-image:url(IMAGEN 225X450);"><div class="nam">That lonely touching
<div style="height: 1px; width: 185px; background-color: #fff;"></div></div><table cellpadding="0" cellspacing="1"><td><div class="cute">Everything</div></td><td><div class="cute">Starts</div></td></table><table cellpadding="0" cellspacing="1"><td><div class="cute">To</div></td><td><div class="cute">Spin</div></td></table><table cellpadding="0" cellspacing="1"><td><div class="cute">Baby it</div></td><td><div class="cute">All begins</div></td></table><div class="credi"><a href="http://walk-inregret.tumblr.com/">CRÉDITOS</a></div></div></td></div></td><td><div style="background-color: #fff; width: 350px; height: 430px; padding: 10px;"><div class="bord">
<div class="body">
<div class="click">
<input type="radio" id="click-1" name="click-group-1" checked>
<label for="click-1">INFO</label>
<div class="texto1">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.
Blandit incorrupte quaerendum in quo, nibh impedit id vis, vel no nullam semper audiam. Ei populo graeci consulatu mei, has ea stet modus phaedrum. Inani oblique ne has, duo et veritus detraxit. Tota ludus oratio ea mel, offendit persequeris ei vim. Eos dicat oratio partem ut, id cum ignota senserit intellegat. Sit inani ubique graecis ad, quando graecis liberavisse et cum, dicit option eruditi at duo. Homero salutatus suscipiantur eum id, tamquam voluptaria expetendis ad sed, nobis feugiat similique usu ex.
</div>
</div>
<div class="click">
<input type="radio" id="click-2" name="click-group-1"><label for="click-2">INFO1</label>
<div class="texto1">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.
Blandit incorrupte quaerendum in quo, nibh impedit id vis, vel no nullam semper audiam. Ei populo graeci consulatu mei, has ea stet modus phaedrum. Inani oblique ne has, duo et veritus detraxit. Tota ludus oratio ea mel, offendit persequeris ei vim. Eos dicat oratio partem ut, id cum ignota senserit intellegat. Sit inani ubique graecis ad, quando graecis liberavisse et cum, dicit option eruditi at duo. Homero salutatus suscipiantur eum id, tamquam voluptaria expetendis ad sed, nobis feugiat similique usu ex.
</div>
</div><div class="click">
<input type="radio" id="click-3" name="click-group-1"><label for="click-3">INFO2</label>
<div class="texto1">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.
Blandit incorrupte quaerendum in quo, nibh impedit id vis, vel no nullam semper audiam. Ei populo graeci consulatu mei, has ea stet modus phaedrum. Inani oblique ne has, duo et veritus detraxit. Tota ludus oratio ea mel, offendit persequeris ei vim. Eos dicat oratio partem ut, id cum ignota senserit intellegat. Sit inani ubique graecis ad, quando graecis liberavisse et cum, dicit option eruditi at duo. Homero salutatus suscipiantur eum id, tamquam voluptaria expetendis ad sed, nobis feugiat similique usu ex.
</div>
</div><div class="click">
<input type="radio" id="click-4" name="click-group-1"><label for="click-4">INFO3</label>
<div class="texto1"><div class="titu">¡Oh, vaya!</div>
<u>¿Te gustan las listas?</u> ¡A mi también!:
<li>Sí utilizas "< li > y < /li>" tendrás una lista.</li><li>¿Genial, no?</li><li>¡Pasa lo mismo con el texto en negrita, cursiva, subrayado y los links! Solo tienes que usar "< a href > < /a >" en vez del usual "[ b ] [ /b ]"
</li>
<div class="titu">¡Qué curioso!</div>
<i>Aquí tienes un texto en cursiva</i> — <b>Y aquí en negrita.</b>
</div></div>
</div></div>
</div></td></table><div style="height: 5px;"></div><div style="width: 610px; height: 1px; background-color: #000;"></div></div></center>
<style>.cute { width: 95px; background-color: #fcfcfc; position: relative; top: 274px; left: 10px; padding: 3px; text-transform: uppercase; font-family: calibri; letter-spacing: 1px; font-weight: bold; font-size: 10px; color: #000; text-align: center; } .nam { width: 183px; height: 15px; background-color: #000; position: relative; top: 274px; left: 11px; padding: 10px; text-transform: uppercase; font-family: calibri; letter-spacing: 1px; font-style: italic; line-height: 15px; font-size: 12px; color: #fff; text-align: center; } .credi { width: 183px; height: 10px; background-color: #fff; position: relative; top: 274px; left: 11px; padding: 10px; text-transform: lowercase; font-weight: bold; font-family: calibri; letter-spacing: 1px; font-size: 12px; color: #6f1f7d; text-align: center; } .texto1 a, .texto1 b, .texto1 i, .texto1 u { font-family: calibri; font-size: 11px; line-height: 100%; letter-spacing: 1px; color: #202020; } .credi a { font-family: calibri; font-size: 8px; text-transform: uppercase; line-height: 100%; letter-spacing: 2px; color: #000; } .body { width: 350px; margin: auto; height: 430px; position: relative; } .texto1 li { padding-left: 4px; color: #202020; } .click { float: left; } .click label { width: 70px; font: 11px calibri; background: #ffffff; color: #000; display: block; position: relative; top: -90px; left: 8px; transition: 0.6s; cursor: pointer; padding: 8px; text-align: center; border-left: 1px solid #fff; } .click [type=radio] {display: none} .texto1 { width: 350px; height: 400px; font-family: calibri; text-align: justify; font-size: 11px; color: #000; overflow: auto; padding: 5px; text-align: justify; position: absolute; -webkit-transition-duration: .9s; -moz-transition-duration: .9s; -o-transition-duration: .9s; opacity: 1; transform: scale(0); margin-left: 0px; margin-top: 0px; bottom: 0px; left: 0px; top: 10px; } [type=radio]:checked ~ label { transion: 0.8s; transition-delay: 0.3s; background: #000; color: #ffffff; z-index: 2; border-left: 1px solid #000; } [type=radio]:checked ~ label ~ .texto1 { z-index: 1; transform: scale(1); } .bord { width: 350px; background: #fff; margin: auto; padding: 20px; } .texto1::-webkit-scrollbar { width: 1px; background-color: #FFFFFF; } .texto1::-webkit-scrollbar-track { background-color: #FFFFFF; } .texto1::-webkit-scrollbar-thumb { background-color: #000; } .titu { width: 320px; background-color: #000; padding: 20px; text-transform: uppercase; font-family: calibri; letter-spacing: 1px; font-style: italic; font-size: 12px; color: #fff; border-left: solid 30px #000; border-bottom: solid 2px #202020; } </style>
<div style="height: 1px; width: 185px; background-color: #fff;"></div></div><table cellpadding="0" cellspacing="1"><td><div class="cute">Everything</div></td><td><div class="cute">Starts</div></td></table><table cellpadding="0" cellspacing="1"><td><div class="cute">To</div></td><td><div class="cute">Spin</div></td></table><table cellpadding="0" cellspacing="1"><td><div class="cute">Baby it</div></td><td><div class="cute">All begins</div></td></table><div class="credi"><a href="http://walk-inregret.tumblr.com/">CRÉDITOS</a></div></div></td></div></td><td><div style="background-color: #fff; width: 350px; height: 430px; padding: 10px;"><div class="bord">
<div class="body">
<div class="click">
<input type="radio" id="click-1" name="click-group-1" checked>
<label for="click-1">INFO</label>
<div class="texto1">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.
Blandit incorrupte quaerendum in quo, nibh impedit id vis, vel no nullam semper audiam. Ei populo graeci consulatu mei, has ea stet modus phaedrum. Inani oblique ne has, duo et veritus detraxit. Tota ludus oratio ea mel, offendit persequeris ei vim. Eos dicat oratio partem ut, id cum ignota senserit intellegat. Sit inani ubique graecis ad, quando graecis liberavisse et cum, dicit option eruditi at duo. Homero salutatus suscipiantur eum id, tamquam voluptaria expetendis ad sed, nobis feugiat similique usu ex.
</div>
</div>
<div class="click">
<input type="radio" id="click-2" name="click-group-1"><label for="click-2">INFO1</label>
<div class="texto1">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.
Blandit incorrupte quaerendum in quo, nibh impedit id vis, vel no nullam semper audiam. Ei populo graeci consulatu mei, has ea stet modus phaedrum. Inani oblique ne has, duo et veritus detraxit. Tota ludus oratio ea mel, offendit persequeris ei vim. Eos dicat oratio partem ut, id cum ignota senserit intellegat. Sit inani ubique graecis ad, quando graecis liberavisse et cum, dicit option eruditi at duo. Homero salutatus suscipiantur eum id, tamquam voluptaria expetendis ad sed, nobis feugiat similique usu ex.
</div>
</div><div class="click">
<input type="radio" id="click-3" name="click-group-1"><label for="click-3">INFO2</label>
<div class="texto1">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.
Blandit incorrupte quaerendum in quo, nibh impedit id vis, vel no nullam semper audiam. Ei populo graeci consulatu mei, has ea stet modus phaedrum. Inani oblique ne has, duo et veritus detraxit. Tota ludus oratio ea mel, offendit persequeris ei vim. Eos dicat oratio partem ut, id cum ignota senserit intellegat. Sit inani ubique graecis ad, quando graecis liberavisse et cum, dicit option eruditi at duo. Homero salutatus suscipiantur eum id, tamquam voluptaria expetendis ad sed, nobis feugiat similique usu ex.
</div>
</div><div class="click">
<input type="radio" id="click-4" name="click-group-1"><label for="click-4">INFO3</label>
<div class="texto1"><div class="titu">¡Oh, vaya!</div>
<u>¿Te gustan las listas?</u> ¡A mi también!:
<li>Sí utilizas "< li > y < /li>" tendrás una lista.</li><li>¿Genial, no?</li><li>¡Pasa lo mismo con el texto en negrita, cursiva, subrayado y los links! Solo tienes que usar "< a href > < /a >" en vez del usual "[ b ] [ /b ]"
</li><div class="titu">¡Qué curioso!</div>
<i>Aquí tienes un texto en cursiva</i> — <b>Y aquí en negrita.</b>
</div></div>
</div></div>
</div></td></table><div style="height: 5px;"></div><div style="width: 610px; height: 1px; background-color: #000;"></div></div></center>
<style>.cute { width: 95px; background-color: #fcfcfc; position: relative; top: 274px; left: 10px; padding: 3px; text-transform: uppercase; font-family: calibri; letter-spacing: 1px; font-weight: bold; font-size: 10px; color: #000; text-align: center; } .nam { width: 183px; height: 15px; background-color: #000; position: relative; top: 274px; left: 11px; padding: 10px; text-transform: uppercase; font-family: calibri; letter-spacing: 1px; font-style: italic; line-height: 15px; font-size: 12px; color: #fff; text-align: center; } .credi { width: 183px; height: 10px; background-color: #fff; position: relative; top: 274px; left: 11px; padding: 10px; text-transform: lowercase; font-weight: bold; font-family: calibri; letter-spacing: 1px; font-size: 12px; color: #6f1f7d; text-align: center; } .texto1 a, .texto1 b, .texto1 i, .texto1 u { font-family: calibri; font-size: 11px; line-height: 100%; letter-spacing: 1px; color: #202020; } .credi a { font-family: calibri; font-size: 8px; text-transform: uppercase; line-height: 100%; letter-spacing: 2px; color: #000; } .body { width: 350px; margin: auto; height: 430px; position: relative; } .texto1 li { padding-left: 4px; color: #202020; } .click { float: left; } .click label { width: 70px; font: 11px calibri; background: #ffffff; color: #000; display: block; position: relative; top: -90px; left: 8px; transition: 0.6s; cursor: pointer; padding: 8px; text-align: center; border-left: 1px solid #fff; } .click [type=radio] {display: none} .texto1 { width: 350px; height: 400px; font-family: calibri; text-align: justify; font-size: 11px; color: #000; overflow: auto; padding: 5px; text-align: justify; position: absolute; -webkit-transition-duration: .9s; -moz-transition-duration: .9s; -o-transition-duration: .9s; opacity: 1; transform: scale(0); margin-left: 0px; margin-top: 0px; bottom: 0px; left: 0px; top: 10px; } [type=radio]:checked ~ label { transion: 0.8s; transition-delay: 0.3s; background: #000; color: #ffffff; z-index: 2; border-left: 1px solid #000; } [type=radio]:checked ~ label ~ .texto1 { z-index: 1; transform: scale(1); } .bord { width: 350px; background: #fff; margin: auto; padding: 20px; } .texto1::-webkit-scrollbar { width: 1px; background-color: #FFFFFF; } .texto1::-webkit-scrollbar-track { background-color: #FFFFFF; } .texto1::-webkit-scrollbar-thumb { background-color: #000; } .titu { width: 320px; background-color: #000; padding: 20px; text-transform: uppercase; font-family: calibri; letter-spacing: 1px; font-style: italic; font-size: 12px; color: #fff; border-left: solid 30px #000; border-bottom: solid 2px #202020; } </style>
Admin
Puntos :
6
Reputación :
0
Mensajes :
3
Fecha de inscripción :
11/09/2017
Página 1 de 1.
Permisos de este foro:
No puedes responder a temas en este foro.|
|
|