Anunt pe home

Rezumarea primului mesaj :

Salut, cum pot face si eu ceva de genul:



Multumesc mult!

michy97 a scris:Fantastic...

Cum pot face sa mut bara albastra sus  (supt meniu)
Si tabelul acela supt bara de noutati  (albastra)




[Trebuie sa fiti inscris si conectat pentru a vedea acest link]

Uppp

da codu care ai mai bagat tabeluri ca til fac acum

Joker#King a scris:ok uite codu tot tabelu adauga acest cod in overall_header

Cod:


<div class="panel introduction"><div class="inner"><span class="corners-top"><span></span></span><div class="mes-txt"><div class="homepageTitle">
             Tesxt<span style="color:red">dorit</span>
</div>
<table style="text-align: justify;width: 100%;min-width: 700px;">
                                                                                                      
 <tbody>
                                                                                                    
 <tr>
                                                                                                      
 <td valign="top">
                    
 <div class="forumgratuit">
                                                    
 </div>
Aici scrii textu dorit de tine <span class="solved"></span>     . Multumim                                                                                                                                                                  
 </td>
                                                                                                                
 </tr>
                                                                                                      
 </tbody>
</table>
          
<!-- tabs -->
         <div class="sky-tabs sky-tabs-pos-top-left sky-tabs-anim-flip sky-tabs-response-to-icons">
            <input type="radio" name="sky-tabs" checked id="sky-tab1" class="sky-tab-content-1">
            <label for="sky-tab1"><span><span><i class="fa fa-bolt"></i>Noutăţi</span></span></label>
            
            <input type="radio" name="sky-tabs" id="sky-tab2" class="sky-tab-content-2">
            <label for="sky-tab2"><span><span><i class="fa fa-picture-o"></i>Caută in forum</span></span></label>
            
            <input type="radio" name="sky-tabs" id="sky-tab3" class="sky-tab-content-3">
            <label for="sky-tab3"><span><span><i class="fa fa-cogs"></i>Explica problema ta</span></span></label>
            
            <input type="radio" name="sky-tabs" id="sky-tab4" class="sky-tab-content-4">
            <label for="sky-tab4"><span><span><i class="fa fa-globe"></i>Echipa ToxicDesign</span></span></label>
            
            <ul>
               <li class="sky-tab-content-1">              
                  <div class="typography">
               <p>sdaasdasdasd</p>
                  </div>
               </li>
              
               <li class="sky-tab-content-2">
                  <div class="typography">
                     <h1>Caută in forum</h1>
                     <p></em></p>
                  </div>
               </li>
              
               <li class="sky-tab-content-3">
                  <div class="typography">
                     <h1>Explica problema ta</h1>
                     <p></em></p>
                  </div>
               </li>
              
               <li class="sky-tab-content-4">
                  <div class="typography">
                     <h1>Echipa ToxicDesign</h1>
                     <p>Vă asteptăm pe ToxicDesign http://toxicdesign.officialforum.net</em></p>
                  </div>
               </li>              
            </ul>
         </div>
         <!--/ tabs -->


si acest cod in css

Cod:


.solved {
    background: url(http://i21.servimg.com/u/f21/11/80/17/98/set15.png);
    background-position: -118px -311px!important;
    padding: 0 27px;
}
.forumgratuit {
    margin-top: -30px;
    position: relative;
}
.forumgratuit {
    background: url(http://i21.servimg.com/u/f21/11/80/17/98/set15.png);
    background-position: -50px -560px;
    float: right;
    height: 135px;
    margin-right: 23px;
    width: 124px;
}

.panel {
    background: #fff;
}
.module, .panel {
    background: #FAFAFA;
    border: 1px solid #DDD;;
    border-bottom-width: px;
    border-radius: 3px;
}
.panel {
    color: #6666;
    margin-bottom: 3px;
    padding: 0 8px;
}
.homepageTitle {
    color: #39C;
    font-size: 21px;
    font-style: italic;
    font-family: "Trebuchet MS",Verdana,Arial,Sans-serif;
    padding: 10px;
}
.sky-tabs,
.sky-tabs * {
   margin: 0;
   padding: 0;
   outline: none;
   border: 0;
   background: none;
}
.sky-tabs {
   position: relative;
   font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
   font-size: 0px;
   text-align: left;
   color: #39C;
  
}
.sky-tabs > input {
   position: absolute;
   display: none;
}
.sky-tabs > label {
 border-radius: 0px 0px 0px 0px;
    border: 1px solid #39C;
    display: inline-block;
    background: #fff;
    color: #777;
    text-decoration: none;
    position: relative;
    top: 1px;
    font-size: 12px;
      padding-top: 0;
   padding-left: 0;
}
.sky-tabs > label.inverse {
   float: right;
   padding-right: 0;
   padding-left: 1px;
}
.sky-tabs > label.disabled {
   cursor: default;
}
.sky-tabs > label span {
   display: block;
    border-radius: 0px 0px 0px 0px;
   background: rgba(255,255,255,0.9);
font-size: 13px;
font-weight: 700;
}
.sky-tabs > label span span {
   padding: 5 20px;
   background: transparent;
   transition: background 0.4s, color 0.4s;
   -o-transition: background 0.4s, color 0.4s;
   -ms-transition: background 0.4s, color 0.4s;
   -moz-transition: background 0.4s, color 0.4s;
   -webkit-transition: background 0.4s, color 0.4s;  
}
.sky-tabs > label:hover span span {
   background: #2da5da;
   color: #fff;  
}
.sky-tabs > label.disabled span span {
   background: transparent;
   color: inherit;
}
.sky-tabs > input:checked + label {
   cursor: default;
}
.sky-tabs > input:checked + label span span {
   background: #2da5da;
   color: #fff;
}
.sky-tabs > .switcher {
   display: none;
}
.sky-tabs > .switcher a {
   display: block;
   margin: 0 -20px;
   padding: 0 20px;
   text-decoration: none;
   color: inherit;
}
.sky-tabs > ul {
   list-style: none;
   position: relative;
   display: block;
   font-size: 13px;
}
.sky-tabs > ul > li {
 border-radius: 0px 0px 3px 3px;
        background: #fff;
font-size: 9px;
    padding: 12px 10px;
    border: 1px solid #39C;
    border-bottom-width: 3px;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   overflow: auto;
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   opacity: 0;
   -o-transform-origin: 0% 0%;
   -ms-transform-origin: 0% 0%;
   -moz-transform-origin: 0% 0%;
   -webkit-transform-origin: 0% 0%;
   -o-transition: opacity 0.8s, -o-transform 0.8s;  
}
.sky-tabs > .sky-tab-content-1:checked ~ ul > .sky-tab-content-1,
.sky-tabs > .sky-tab-content-2:checked ~ ul > .sky-tab-content-2,
.sky-tabs > .sky-tab-content-3:checked ~ ul > .sky-tab-content-3,
.sky-tabs > .sky-tab-content-4:checked ~ ul > .sky-tab-content-4,
.sky-tabs > .sky-tab-content-5:checked ~ ul > .sky-tab-content-5,
.sky-tabs > .sky-tab-content-6:checked ~ ul > .sky-tab-content-6,
.sky-tabs > .sky-tab-content-7:checked ~ ul > .sky-tab-content-7,
.sky-tabs > .sky-tab-content-8:checked ~ ul > .sky-tab-content-8,
.sky-tabs > .sky-tab-content-9:checked ~ ul > .sky-tab-content-9 {
   position: relative;
   z-index: 1;
   opacity: 1;
}


Acestea sunt codurile

dar acel cod nu este cu acel tabel din imagine

Ba da... Acele 2 coduri fac acel tabel

draga michy linia galbena si icoanele cu fb etc.. nu leam pus in codu care ti lam dat

Ahh ma scuzama nu am inteles...

Linea galbena Este meniul,
Iar Aia albastra Este bara de anunturi...

Io vreau bara de anunturi supp meniu si tabelul supt bara de anunturi.

Uppppp

Ok, dar cineva???

pai pune codu care ti lam dat sub bara de anunturi si gata