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.

Cod CSS pentru rotunjitea a tot ce este pe forum , Php BB 2.

Vezi subiectul anterior Vezi subiectul urmator In jos

Rezolvat Cod CSS pentru rotunjitea a tot ce este pe forum , Php BB 2.

Mesaj Scris de TheEagle Lun Sept 03, 2012 8:09 pm

As dorii un cod CSS pentru a putea rotunji : Categoriile sus si forumurile jos , pentru a rotunji chenarul statisticilor forumului , cine este conectat.

Versiune PhpBB2

http://help-t.forumgratuit.ro/
TheEagle

TheEagle
Membru Forumgratuit

Mesaje : 350
Varsta : 25
Localizare : Suceava\Romania
Data înscrierii : 18/08/2012
Mulțumiri : 0
Internet Explorer phpBB3

TheEagle a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Cod CSS pentru rotunjitea a tot ce este pe forum , Php BB 2.

Mesaj Scris de Adi. Lun Sept 03, 2012 8:58 pm

Bagi in css:
Cod:
.bodyline{
    /* Pentru Mozilla FireFox */
    -moz-border-radius-bottomleft: 15px;
    -moz-border-radius-bottomright: 15px;

    /* Pentru Safari */
    -webkit-border-bottom-left-radius: 40px;
    -webkit-border-bottom-right-radius: 40px;

    /* Pentru Opera, Google Chrome si altele */
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;


    border: 3px solid #333333;
    border-top:none;
    }

                                        #wrap{-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;}

    .bodyline{
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;}

    #wrap{-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;}

    blockquote{
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    }

    .upperleft,.upperleft2,.upperleft3 {background-image: url("http://i61.servimg.com/u/f61/13/61/91/69/corner10.gif");}
    .upperright,.upperright2,.upperright3 {background-image: url("http://i61.servimg.com/u/f61/13/61/91/69/corner11.gif");}
    .lowerleft,.lowerleft2,.lowerleft3 {background-image: url("http://i61.servimg.com/u/f61/13/61/91/69/corner13.gif");}
    .lowerright,.lowerright2,.lowerright3 {background-image: url("http://i61.servimg.com/u/f61/13/61/91/69/corner12.gif");}

    .forumline{
    padding: 5px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-image: url();}

    td.row3,td.row1,td.row2,td.row3Right{background-image: url();}


    #text_editor_textarea{
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;}

    input{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 2px;}
    #text_editor_textarea {background:
    Black url() no-repeat bottom right;}
Adi.

Adi.
Membru onorific
Membru onorific

Mesaje : 3738
Localizare : Forumgratuit
Data înscrierii : 01/08/2012
Mulțumiri : 30
Google Chrome phpBB3

Adi. a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Cod CSS pentru rotunjitea a tot ce este pe forum , Php BB 2.

Mesaj Scris de TheEagle Lun Sept 03, 2012 9:37 pm

Apreciez ajutorul , dar este cam urat , eu vreau pur si simplu rotunjit cu umpic de shadow daca se poate si fara atatea boardere etc.
TheEagle

TheEagle
Membru Forumgratuit

Mesaje : 350
Varsta : 25
Localizare : Suceava\Romania
Data înscrierii : 18/08/2012
Mulțumiri : 0
Internet Explorer phpBB3

TheEagle a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Cod CSS pentru rotunjitea a tot ce este pe forum , Php BB 2.

Mesaj Scris de Omu Mar Sept 04, 2012 1:26 am

Phpbb2 este mult mai complexa si sunt multe clase care nu se repeta ca pe punBB.
Indentifica cu ajutorul functiei Inspect Element, tabelul sau ce doresti tu, si adauga in CSS, clasei / id-ului border-radius: 4px;
Ex:
Cod:
 .forumline { border-radius: 10px;}
Omu

Omu
Membru onorific
Membru onorific

Mesaje : 6302
Varsta : 28
Data înscrierii : 04/11/2010
Mulțumiri : 154
Google Chrome punBB

http://techtitans.forumer.ro/
Omu a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Cod CSS pentru rotunjitea a tot ce este pe forum , Php BB 2.

Mesaj Scris de TheEagle Mar Sept 04, 2012 9:13 am

Atunci imi puteti da un cod care sa rotunjieasca doar categoriile ? ( ma refer la partea de sus)
TheEagle

TheEagle
Membru Forumgratuit

Mesaje : 350
Varsta : 25
Localizare : Suceava\Romania
Data înscrierii : 18/08/2012
Mulțumiri : 0
Internet Explorer phpBB3

TheEagle a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Cod CSS pentru rotunjitea a tot ce este pe forum , Php BB 2.

Mesaj Scris de Omu Mar Sept 04, 2012 6:18 pm

Adauga tot index_box intre:
Cod:
<div class="rotunjire">
Index_body
</div>
Si adauga in CSS:
Cod:
.rotunjire .forumline {
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;}
Omu

Omu
Membru onorific
Membru onorific

Mesaje : 6302
Varsta : 28
Data înscrierii : 04/11/2010
Mulțumiri : 154
Google Chrome punBB

http://techtitans.forumer.ro/
Omu a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Cod CSS pentru rotunjitea a tot ce este pe forum , Php BB 2.

Mesaj Scris de TheEagle Mar Sept 04, 2012 7:07 pm

topic rezolvat multumesc!
TheEagle

TheEagle
Membru Forumgratuit

Mesaje : 350
Varsta : 25
Localizare : Suceava\Romania
Data înscrierii : 18/08/2012
Mulțumiri : 0
Internet Explorer phpBB3

TheEagle a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Cod CSS pentru rotunjitea a tot ce este pe forum , Php BB 2.

Mesaj Scris de Vizitato Mar Sept 04, 2012 7:18 pm

topic rezolvat
Anonymous

Vizitato
Vizitator


Vizitato a fost mulțumit de autorul acestui subiect.

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum