PDA

Ver la versión completa : About me Space



xLaming
30/11/2016, 13:45
Si... ya hace un tiempo que no les traigo xatspace pues ahi esta, estaba aburrido y hice ese xd
CSS:

background-color:#ffffff} *{text-decoration:none} a{color:#ffffff} a:hover{color:#6292d1} h2{color:#777777} h2{font-weight:normal} span,li{color:#888888} span{font-size:11px} [name='header']{background:#231F20} [name='header'],[name='menu']{position:fixed} [name='header'],[name='menu']{top:0} [name='header']{right:0} [name='header']{left:0} [name='header']{height:7.5%} [name='header']{width:100%} [name='header']{z-index:999} [name='img']{padding-top:1%} [name='img']{padding-left:15%} [name='img']{width:8%} [name='menu']{right:15%} [name='menu'] li{font-size:12px} [name='menu'] li,[name='menu2'] li{display:inline} [name='menu'] li{font-weight:bold} [name='menu'] li{padding:10px 15px} [name='menu2'] li{padding:10px 10px} [name='cover']{background:url('https://s12.postimg.org/pcc0uk3t9/image.jpg') no-repeat} [name='cover']{height:340px} [name='cover']{width:70%} [name='cover']{border-radius:0 0 4px 4px} [name='cover']{margin-top:3%} [name='cover']{position:relative} [name='cover']{left:10%} [name='menu2']{margin-left:20%} [name='menu2']{font-size:11px} [name='pic']{position:absolute} [name='pic']{bottom:2%} [name='pic']{left:3%} [name='links']{background-color: rgba(0, 0, 0, 0.8)} [name='links']{width:100%} [name='links']{position:absolute} [name='links']{margin-top:30%} [name='links']{padding:4px 0} [name='about']{margin-left:11%} [name='about']{margin-right:20%;

HTML:

<div name="header">
<img name="img" src="http://s16.postimg.org/g7y65by9x/laming.png" />
<ul name="menu">
<li><a href="#">Home</a></li>
<li><a href="http://xat.com/Ajuda">Ajuda</a></li>
<li><a href="http://xat.com/Ayuda">Ayuda</a></li>
<li><a href="http://xat.com/forum">Forum</a></li>
<li><a href="http://xat.com/ticket">Support</a></li>
</ul>
</div>
<div name="cover">
<div name="links">
<ul name="menu2">
<li><a href="#">Timeline</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Album</a></li>
<li><a href="#">Friends</a></li>
</ul>
</div>
<img name="pic" src="http://s14.postimg.org/exlstzcy9/Imagem.png" />
</div>
<div name="about">
<h2>Personal Information</h2>
<span>I don't have any word to say about me. Btw I can say Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</span>
<h2>Work Experiences</h2>
<ul>
<li>Programmer</li>
<li>Designer</li>
<li>SEO</li>
</ul>
<h2>Location</h2>
<span>Campo Grande, Mato Grosso do Sul, Brazil.</span>
<h2>Language/s</h2>
<ul>
<li>English</li>
<li>Portuguese</li>
<li>Spanish</li>
</ul>
</div>
<br /><br />
<div align="center">
<span>All rights reserved to xLaming(xatspace).</span>
</div>

Power Me? Sí.

Demo:
https://s12.postimg.org/yq53bzo25/Print.png

Surdi.ta
30/11/2016, 14:43
buen xatspace la verdad siempre poniendo lo mejor que tiene felicidades


PD: espero q el proximo sea para chicas :$

Princess
30/11/2016, 14:45
Hola Paulo,
Felicitaciones por tu gran trabajo, me gusta mucho como te ha quedado la parte del css apesar de que yo no entienda mucho acerca de eso pero te ha quedado genial *-*
PD: si queremos xatspace de chicas
Saludos!

S4MUEL
04/12/2016, 08:38
hermoso, sin más palabras, excelente xatspace

Saludos

Crishe
11/12/2016, 19:56
¡Wow! Te ha quedado muy bien, se agradece que aportes cosas como esta para los que no sabemos mucho sobre CSS.

Saludos

iHanna
11/12/2016, 20:38
Buen trabajo quedo muy bien.