1 Generalitati la data de Joi Aug 27, 2015 4:46 pm

Andrei84

avatar
Fost membru al echipei
Mesaje : 20
Multumiri : 10
Un alt cod de pus in generalitati(mult mai frumos) :
Cod:
<table cellspacing="0" class="tablebg" style="width: 100%;">
                         
   <tbody>
                          
      <tr>
                                               
         <td class="td_franta">
                                  <img src="http://cdn1.iconfinder.com/data/icons/woothemes/PNG/stop.png" style="height: 150px;" />                  
         </td>
                                               
         <td valign="middle" class="td_franta2" style="width: 100%;">
                                   Bun venit pe Real MSN. Sunt cel putin 6 motive pentru care ai vrea sa te inregistrezi: <br />                      
            <li>
                                         Acces la un forum structurat in parametri profesionali                      
            </li>
                                                          
            <li>
                                         Navigarea pe un forum bine pus la punct si fara nici un fel de intrerupere                      
            </li>
                                                          
            <li>
                                         Privilegiul de a-ti face noi prieteni si de a invata lucruri noi                      
            </li>
                                                          
            <li>
                                         Sansa de a face parte din staff si dintr-o comunitate sigura                      
            </li>
                                                          
            <li>
                                         Pentru intrebari si probleme sau tutoriale despre jocuri, IT, tutoriale si teme                      
            </li>
                                                          
            <li>
                                         Alaturarea unei comunitati de succes                      
            </li>
                                   <br />                  
         </td>
                                 
         <td class="td_franta3">
                                        
            <div class="mm">
                                               
               <ul>
                                                      
                  <li>
                                                       <a href="/login"><img style="float: left;
position: relative;left: 3px; top:2px;" src="https://cdn2.iconfinder.com/data/icons/fatcow/16x16/key_solid.png" />Conectare!</a>                              
                  </li>
                                                      
                  <li>
                                                       <a href="/register"><img style="float: left;
position: relative;left: 3px; top:2px;" src="https://cdn4.iconfinder.com/data/icons/keynote-and-powerpoint-icons/256/Plus-16.png" />Inregistrare!</a>                              
                  </li>
                                                  
               </ul>
                                           
            </div>
                                                      
         </td>
                             
      </tr>
                                
   </tbody>
</table><style>
.tablebg{
background: #353535;
border: 1px solid #222;
box-shadow: 0px 0px 1px white inset;
padding: 5px;
color: #ccc;
font-size: 14px;
text-shadow: 0px 0px 2px black;
font-family: arial}

div.mm li{
list-type: none!important;
list-style: none!important}

div.mm a{
display: block;
width: 120px; text-align: center;
background: #e6f0a3; /* Old browsers */
background: -moz-linear-gradient(top,  #e6f0a3 0%, #d2e638 50%, #c3d825 51%, #dbf043 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e6f0a3), color-stop(50%,#d2e638), color-stop(51%,#c3d825), color-stop(100%,#dbf043)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e6f0a3 0%,#d2e638 50%,#c3d825 51%,#dbf043 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e6f0a3 0%,#d2e638 50%,#c3d825 51%,#dbf043 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e6f0a3 0%,#d2e638 50%,#c3d825 51%,#dbf043 100%); /* IE10+ */
background: linear-gradient(to bottom,  #e6f0a3 0%,#d2e638 50%,#c3d825 51%,#dbf043 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f0a3', endColorstr='#dbf043',GradientType=0 ); /* IE6-9 */


border-radius: 5px;
height: 26px;
border: 1px solid #b4df5b;
box-shadow: 0px 0px 1px white inset;
color: white!important;
text-shadow: 0px 0px 2px black;
font-size: 14px;
font-weight: 500;
font-family: tahoma;
margin:15px;
padding-top: 5px;
text-decoration: none!important;
}


div.mm a:hover{
background: #bfd255; /* Old browsers */
background: -moz-linear-gradient(top,  #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfd255), color-stop(50%,#8eb92a), color-stop(51%,#72aa00), color-stop(100%,#9ecb2d)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* IE10+ */
background: linear-gradient(to bottom,  #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 ); /* IE6-9 */
}
</style>