Partagez|

design pour le forum

Voir le sujet précédent Voir le sujet suivant Aller en bas
AuteurMessage
If you let me, here's what I'll do I'll take care of you
If you let me, here's what I'll do I'll take care of you
avatar

J'ai à mon actifs : 21 opérations et je suis là depuis le : 22/08/2013 mais je suis originaire de : Seatle
Admin

MessageSujet: design pour le forum Sam 7 Jan - 16:53

rangs :
https://i.imgbox.com/qWkaPk8Q.jpg
https://i.imgbox.com/it5nv2oe.jpg
https://i.imgbox.com/4nNW48YA.jpg
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
If you let me, here's what I'll do I'll take care of you
If you let me, here's what I'll do I'll take care of you
avatar

J'ai à mon actifs : 21 opérations et je suis là depuis le : 22/08/2013 mais je suis originaire de : Seatle
Admin

MessageSujet: Re: design pour le forum Jeu 13 Avr - 9:31

Code:
<link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Oranienbaum" /><style type="text/css">.dswant { width: 400px; height: 250px; position: relative; overflow: hidden; margin: 10px; }
.dswimg { width: 400px; height: 250px; overflow: hidden; position: absolute; top: 0px; left: 0px; }
.dswinfo { position: absolute; top: 132px; width: 135px; }
.dswinfo h1, .dswinfo span { display: block; width: 125px; background: rgba(139,166,172,0.8); text-transform: uppercase; color: white; margin: 0px; }
.dswinfo h1 { padding: 8px 5px; font: 400 12px/12px oranienbaum; margin-bottom: 5px; }
.dswinfo span { padding: 5px; font: 400 10px/10px oranienbaum; margin-bottom: 5px; }
.left .dswinfo { right: 15px; }
.right .dswinfo { left: 15px; }
.dswmain { position: absolute; top: 15px; width: 192px; height: 200px; background: rgba(255,255,255,0.95); overflow: auto; border: 10px solid rgba(0,0,0,0); padding-right: 8px; font: 12px/12px cambria; text-align: justify; color: #3d3d3d; -webkit-transform: rotate(360deg) scale(1.2); -moz-transform: rotate(360deg) scale(1.2); transform: rotate(360deg) scale(1.2); -webkit-transition: 0.8s all ease-in-out; -moz-transition: 0.8s all ease-in-out; transition: 0.8s all ease-in-out; }
.left .dswmain { left: -300px; }
.right .dswmain { right: -300px; }
.dswant.left:hover .dswmain { left: 15px; -webkit-transform: rotate(0deg) scale(1); -moz-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); }
.dswant.right:hover .dswmain { right: 15px; -webkit-transform: rotate(0deg) scale(1); -moz-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); }
.dswmain::-webkit-scrollbar { width: 2px; }
.dswmain::-webkit-scrollbar-track { background: rgba(0,0,0,0); }
.dswmain::-webkit-scrollbar-thumb { background: #8BA6AC; }
</style>
<center>
                              
   <!--                START /              -->             
   <div class="dswant left">
                               
      <div class="dswimg">
          <br />
      </div>
      
      <div class="dswimg">
          <br />
      </div>
      
      <div class="dswimg">
                       <img src="https://i.skyrock.net/6159/55986159/pics/2257976313_1_3_2P9kYMvW.jpg" />             
      </div>
                               
      <div class="dswinfo">
                       <a href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=12207"></a>             
         <h1>
                          first last             
         </h1><a href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=12207"></a><span>bottin</span><span>pvs et scénarios</span><span>les invités</span>             
      </div>
                               
      <div class="dswmain">
                       <em> « C’est la première fois que je suis attirée par un homme, et il fallait que je tombe sur un cinglé qui trimballe un contrat, une cravache et des tas de casseroles. »</em><br /><br /> L'amour peut se montrer compliqué, rien n'est simple dans cette petite ville des Etats-Unis où tout le monde se connaît parfois c'est réellement compliqué d'y avoir une relation sans les avis des uns ou des autres... Mais l'amour peut nous surprendre en sortant d'où on ne l'attend pas et cette histoire marche mais parfois on en souffre parce que lorsque les sentiments et potins sont mélangés rien ne va. (la suite)       
      </div>
                               
   </div>
                              
   <!--                END /              -->
</center>
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
If you let me, here's what I'll do I'll take care of you
If you let me, here's what I'll do I'll take care of you
avatar

J'ai à mon actifs : 21 opérations et je suis là depuis le : 22/08/2013 mais je suis originaire de : Seatle
Admin

MessageSujet: Re: design pour le forum Jeu 13 Avr - 9:31

Code:
<link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,300" /><link href="http://samskins04.b1.jcink.com/uploads/samskins04/fosimilar.css" type="text/css" rel="stylesheet" />
<center>
        
   <div class="foslinks">
          <a href="linkhere">one</a> + <a href="linkhere">two</a> + <a href="linkhere">three</a> + <a href="linkhere">four</a> <a href="http://z10.invisionfree.com/CAUTIONTOTHEWIND/index.php?showuser=33708">*</a>   
   </div>
        
   <div class="foscont">
           
      <table>
              
         <tbody>
                 
            <tr>
                    
               <td>
                       
                  <div style="position: relative; top: 10px; border: 10px solid #DCE8EB; ">
                         <img style="width: 50px;" src="http://68.media.tumblr.com/1a38acdf5e7f3b8c5b05728fc51f3590/tumblr_ojj6wgfusv1qbp5dxo5_250.gif" />   
                  </div>
                       
               </td>
                    
               <td>
                       
                  <div class="fostypes">
                         sdfsdf   
                  </div>
                       
               </td>
                    
            </tr>
                 
         </tbody>
              
      </table>
           
   </div>
</center>
Revenir en haut Aller en bas
Voir le profil de l'utilisateur



Contenu sponsorisé

MessageSujet: Re: design pour le forum

Revenir en haut Aller en bas
design pour le forum
Voir le sujet précédent Voir le sujet suivant Revenir en haut
Page 1 sur 1
Sujets similaires
-
» Un compte Twitter pour le forum!
» des nouvelles des votes pour le forum
» Suggestions pour le forum: Mariage non filiatif, une plaie!
» Choisir la bannière définitive pour notre forum (fini)
» Un nouvel administrateur pour le forum

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
 :: titre 1 :: blabfd :: desz-
Sauter vers: