Forum gratuit: forum de suport al utilizatorilor
Doriți să reacționați la acest mesaj? Creați un cont în câteva clickuri sau conectați-vă pentru a continua.
Forum gratuit: forum de suport al utilizatorilor

Forum gratuit: ajutor și asistență pentru utilizatorii Forumgratuit. Creează și administrează un forum performant. Descoperă funcţionalităţile, tutorialele și ponturile de pe Forumul de suport!

Anunt pe home

Forum gratuit: forum de suport al utilizatorilor ::  Diverse :: Cos de gunoi

Pagina 2 din 3 • Înapoi  1, 2, 3  Urmatorul

Vezi subiectul anterior Vezi subiectul urmator In jos

In cos Anunt pe home

Mesaj Scris de michy97 Vin Oct 23, 2015 12:18 am

Rezumarea primului mesaj :

Salut, cum pot face si eu ceva de genul:

anunt - Anunt pe home - Pagina 2 2cqla8i

Multumesc mult! bounce
michy97

michy97
Membru Forumgratuit

Mesaje : 143
Varsta : 27
Data înscrierii : 22/10/2015
Mulțumiri : 0
Internet Explorer phpBB3

https://help.forumgratuit.ro
michy97 a fost mulțumit de autorul acestui subiect.
  • 0

In cos Re: Anunt pe home

Mesaj Scris de Joker#King Lun Oct 26, 2015 7:57 pm

salutare daca te ajuta acest cod o sa ma bucur Fericit acum mam chinuit sa fac acest cod bine dupa un tabel deja facut eu la perfectionat
pentru demo adauga acest cod pe [Trebuie sa fiti inscris si conectat pentru a vedea acest link]
Cod:


<body class="bg-cyan">
 <div class="body">
 
<!-- 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>Noutăţi</p>
 </em></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 -->
 
<style>
.bg-cyan {
background: #000;
}

.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;
 
}
.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: 14px;
font-weight: 700;
}
.sky-tabs > label span span {
 padding: 0 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;
}
</style>
uite codu

html
Cod:

<!-- 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>Noutăţi</p>
 </em></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 aici ai css-ul tabelului

Cod:

.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;
 
}
.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: 14px;
font-weight: 700;
}
.sky-tabs > label span span {
 padding: 0 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;
}

bafta si pentru alte probleme sa imi dai mesaj pe pm

Joker#King

Joker#King
Membru Forumgratuit

Mesaje : 119
Varsta : 25
Data înscrierii : 17/07/2015
Mulțumiri : 10
Internet Explorer punBB

http://forumz.rpgwars.net/forum
Joker#King a fost mulțumit de autorul acestui subiect.

In cos Re: Anunt pe home

Mesaj Scris de michy97 Lun Oct 26, 2015 8:02 pm

Dar trebuie sa le folosesc pe toate??
michy97

michy97
Membru Forumgratuit

Mesaje : 143
Varsta : 27
Data înscrierii : 22/10/2015
Mulțumiri : 0
Internet Explorer phpBB3

https://help.forumgratuit.ro
michy97 a fost mulțumit de autorul acestui subiect.

In cos Re: Anunt pe home

Mesaj Scris de Joker#King Lun Oct 26, 2015 8:04 pm

nu pe toate doar pe alea ultimele doua coduri primu cod este pentru demo daca vrei sa vezi cum este
Joker#King

Joker#King
Membru Forumgratuit

Mesaje : 119
Varsta : 25
Data înscrierii : 17/07/2015
Mulțumiri : 10
Internet Explorer punBB

http://forumz.rpgwars.net/forum
Joker#King a fost mulțumit de autorul acestui subiect.

In cos Re: Anunt pe home

Mesaj Scris de michy97 Lun Oct 26, 2015 8:21 pm

Uite...

anunt - Anunt pe home - Pagina 2 2mmg45v

Ce se intampla?
michy97

michy97
Membru Forumgratuit

Mesaje : 143
Varsta : 27
Data înscrierii : 22/10/2015
Mulțumiri : 0
Internet Explorer phpBB3

https://help.forumgratuit.ro
michy97 a fost mulțumit de autorul acestui subiect.

In cos Re: Anunt pe home

Mesaj Scris de Joker#King Lun Oct 26, 2015 8:27 pm

cum lai adaugat !!! ca mi-e imi apare bine
Joker#King

Joker#King
Membru Forumgratuit

Mesaje : 119
Varsta : 25
Data înscrierii : 17/07/2015
Mulțumiri : 10
Internet Explorer punBB

http://forumz.rpgwars.net/forum
Joker#King a fost mulțumit de autorul acestui subiect.

In cos Re: Anunt pe home

Mesaj Scris de michy97 Lun Oct 26, 2015 8:50 pm

Css in css

HTML in mesaj pe home
michy97

michy97
Membru Forumgratuit

Mesaje : 143
Varsta : 27
Data înscrierii : 22/10/2015
Mulțumiri : 0
Internet Explorer phpBB3

https://help.forumgratuit.ro
michy97 a fost mulțumit de autorul acestui subiect.
  • 0

In cos Re: Anunt pe home

Mesaj Scris de Joker#King Lun Oct 26, 2015 8:55 pm

Neutru ai de capu nostru adauga codu asta in css
Cod:


.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;
}
si pe asta in overall_header

jos unde este codu asta
Cod:

<div id="pun-head">
                  <div id="pun-navlinks">
                     <ul class="clearfix">
                        <li>{GENERATED_NAV_BAR}</li>
                     </ul>
                  </div>
               </div>

adaugal sub ultimu </div> codu asta

Cod:

<!-- 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 -->
Joker#King

Joker#King
Membru Forumgratuit

Mesaje : 119
Varsta : 25
Data înscrierii : 17/07/2015
Mulțumiri : 10
Internet Explorer punBB

http://forumz.rpgwars.net/forum
Joker#King a fost mulțumit de autorul acestui subiect.

In cos Re: Anunt pe home

Mesaj Scris de michy97 Lun Oct 26, 2015 9:53 pm

Hahaha

Dar apare prea sus.... cum pot sa il mut mai jos?
michy97

michy97
Membru Forumgratuit

Mesaje : 143
Varsta : 27
Data înscrierii : 22/10/2015
Mulțumiri : 0
Internet Explorer phpBB3

https://help.forumgratuit.ro
michy97 a fost mulțumit de autorul acestui subiect.

In cos Re: Anunt pe home

Mesaj Scris de Vizitator Lun Oct 26, 2015 9:58 pm

Buna seara,

Cautati:
Cod:
<div class="sky-tabs sky-tabs-pos-top-left sky-tabs-anim-flip sky-tabs-response-to-icons">

Inlocuiti cu:
Cod:
<br><br><div class="sky-tabs sky-tabs-pos-top-left sky-tabs-anim-flip sky-tabs-response-to-icons">
Anonymous

Vizitator
Vizitator


Vizitator a fost mulțumit de autorul acestui subiect.

In cos Re: Anunt pe home

Mesaj Scris de michy97 Mar Oct 27, 2015 1:25 pm

Salut, tabelul imi place... Dar io il vreau in aceas pozitie de pe suport

Am pregatit un text ca acesta

anunt - Anunt pe home - Pagina 2 2qnpnhw

Vreau sa pun tabelul dupa text


anunt - Anunt pe home - Pagina 2 255uivb


Unde pun textul si tabelul?
michy97

michy97
Membru Forumgratuit

Mesaje : 143
Varsta : 27
Data înscrierii : 22/10/2015
Mulțumiri : 0
Internet Explorer phpBB3

https://help.forumgratuit.ro
michy97 a fost mulțumit de autorul acestui subiect.
  • 0

In cos Re: Anunt pe home

Mesaj Scris de Joker#King Mar Oct 27, 2015 3:20 pm

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;
}
Joker#King

Joker#King
Membru Forumgratuit

Mesaje : 119
Varsta : 25
Data înscrierii : 17/07/2015
Mulțumiri : 10
Internet Explorer punBB

http://forumz.rpgwars.net/forum
Joker#King a fost mulțumit de autorul acestui subiect.

In cos Re: Anunt pe home

Mesaj Scris de michy97 Mar Oct 27, 2015 3:34 pm

Fantastic...

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

anunt - Anunt pe home - Pagina 2 2n0254i


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

michy97
Membru Forumgratuit

Mesaje : 143
Varsta : 27
Data înscrierii : 22/10/2015
Mulțumiri : 0
Internet Explorer phpBB3

https://help.forumgratuit.ro
michy97 a fost mulțumit de autorul acestui subiect.

Pagina 2 din 3 • Înapoi  1, 2, 3  Urmatorul

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Forum gratuit: forum de suport al utilizatorilor ::  Diverse :: Cos de gunoi

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum