PDA

Ver la versión completa : Template Formal.



Cami
08/07/2016, 18:11
Hola a todos.

Les dejo mi Xatspce actual, sin duda a más de alguno le servirá.

DEMO

http://i.imgur.com/sRuBUVw.png
CSS:

background-color:#f3f3f3} *{color:#ffffff} h2,h4{color:#7f8c8c} p{color:#777777} p{margin-top:-3%} h2,p{margin-left:7%} ul{background-color:#76c7c0} ul{position:fixed} ul{top:0} ul{width:100%} ul{right:1px} ul{list-style-type:none} ul{margin:0} li{float:right} li a{text-decoration:none} li a{display:inline-block} li a{color:white} li a{text-align:center} li a{padding:14px 16px} li a, img:hover{transition:all ease-in-out 0.4s} li a:hover{background-color:#e8645a} [name='home']{margin-left:7%} [name='home']{background-color:#ececec} [name='home']{width:80%} [name='home']{height:95px} [name='home']{padding:14px} [name='but']{float:right} [name='but']{margin-top:-45px} [name='av']{margin-top:-7%} [name='footer']{background-color:#6ab3ac} [name='footer']{width:215px} [name='footer']{height:28px} [name='footer']{bottom:0} [name='footer']{right:0} [name='footer']{padding:8px} [name='footer']{position:absolute} [name='fix']{width:180px} [name='fix']{height:275px} img:hover{opacity:0.6} table{text-align:center} table{margin-left:16%} td{background-color:#ffffff} table{border-collapse:separate} table{border-spacing:20px} table p{font-size:12px;

HTML:

<ul> <li><a href="http://www.facebook.com/groups/LocurasXatJoombly/?fref=ts">Facebook</a></li>
<li><a href="http://forum.xat.com/profile/830-camila/">Forum</a></li>
<li><a href="http://xat.com">Xat.com</a></li>
</ul>
<br /><br /><br />
<div name="home">
<h2>Bienvenidos a mí xatspace.</h2>
<img name="av" src="http://i.cubeupload.com/QionCG.jpg" width="50" />
<a href="http://www.mundoxat.com/foro/private.php?do=newpm&u=14297"><img name="but" src="http://i.cubeupload.com/xbQvVy.png" width="140" /></a>
<p>En este sitio podrás encontrar chats de ayuda para xat.com</p>
</div>
<br />
<table>
<tr>
<td name="fix"> <img src="http://i.cubeupload.com/u33lrF.png" /><h4>Ayuda</h4><p>Chat de ayuda en Español para xat.com</p><br /><a href="http://xat.com/Ayuda"><img src="http://i.cubeupload.com/xQbeRY.png" width="160" /></a> </td>
<td name="fix"> <img src="http://i.cubeupload.com/t2pQkn.png" /><h4>Statistics</h4><p>Chat internacional de estadísticas para powers </p><br /><a href="http://xat.com/Statistics"><img src="http://i.cubeupload.com/K4Suqc.png" width="160" /></a> </td>
<td name="fix"> <img src="http://i.cubeupload.com/BeFqve.png" /><h4>Joombly</h4><p>Chat internacional social ¡ven y disfruta!</p><br /><a href="http://xat.com/Joombly"><img src="http://i.cubeupload.com/K4Suqc.png" width="160" /></a> </td>
<td name="fix"> <img src="http://i.cubeupload.com/G9uMcI.png" /><h4>Foro</h4><p>Foro de ayuda en español para xat.com</p><br /><a href="http://www.mundoxat.com/foro/"><img src="http://i.cubeupload.com/K4Suqc.png" width="160" /></a> </td>
</tr>
</table>
<embed src="http://www.youtube.com/v/Sp6IgmlF1mk?autoplay=1&showinfo=0" type="application/x-shockwave-flash" width="0" height="0"></embed>
<div name="footer">
<img src="http://i.cubeupload.com/AYexXb.png" />
<a href="http://facebook.com/Camilaa.ayuda"><img src="http://i.cubeupload.com/c0Iibc.png" width="26" /></a>
<a href="http://twitter.com/XatCami"><img src="http://i.cubeupload.com/KILG50.png" width="26" /></a>
</div>

xLaming
08/07/2016, 18:12
Se ve muy bien!

xSary
09/07/2016, 02:32
Muy bonito el diseño como tambien la combinación de los colores.

Saludos

Wiki
09/07/2016, 05:55
Muy buen diseño moderno y elegante..

Gracias por compartirlo Cami

Voy a probarlo (NRD)