Extrem Tutorials
Doriți să reacționați la acest mesaj? Creați un cont în câteva clickuri sau conectați-vă pentru a continua.

Extrem TutorialsConectare

Peste 500 tutoriale in limba romana.


CSS - Colturi rotunjite la phpBB2 si la PunBB

power_settings_newConectați-vă pentru a răspunde

25122010
CSS - Colturi rotunjite la phpBB2 si la PunBB

Cod:

/*----------------Inceput colturi rotunde----------------*/

.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(http://i27.tinypic.com/14d1ym1.png);}

td.row3,td.row1,td.row2,td.row3Right{background-image: url(http://i27.tinypic.com/14d1ym1.png);}


#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(http://i30.tinypic.com/2ztedsg.jpg) no-repeat bottom right;}

/*----------------Sfarsit colturi rotunde----------------*/


Inlocuieste:

Cod:

http://i30.tinypic.com/2ztedsg.jpg
cu ce imagine vrei sa iti apara in casuta cand scrii un mesaj.. sau o poti sterge.
Inlocuieste:

Cod:

http://i27.tinypic.com/14d1ym1.png
cu ce imagine sa apara in casuta de dedesubtul imaginii..sau o poti sterge.

Comentarii

GeKo
Bravo pentru tutorial dar o previzualizare?
iAngel
Asi vrea totusi si eu o previzualizare,nu te supara...
roBiino =p~
Mozilla Firefox the best browser! Foarte tare tutorialul!
Zeus
roBiino =p~ a scris:
Mozilla Firefox the best browser! Foarte tare tutorialul!


Nu inteleg, ce legatura are mozilla firefox cu tutorialul acesta. CSS - Colturi rotunjite la phpBB2 si la PunBB 85313
Dappy
cred ca se referea aici

Cod:

.bodyline{
/* Pentru Mozilla FireFox */
-moz-border-radius-bottomleft: 15px;
-moz-border-radius-bottomright: 15px;
RaduMan96
acesta merge numai pe mozila firefox ?
ca eu am google chrome
si sa spuneti si unde il bag !
avatar
RaduMan96, acest cod are mai multe "extinderi", una pentru mozilla, una pentru opera, una pentru celelalte browsere dacă vă uitaţi mai atent în el.
Codul se adaugă în CSS, de ce credeţi că scrie şi la începutul tutorialului "CSS"?
Anonymous
Sincer sa fiu incercam sa fac acest cod...dar bine ca lam gasit aici
power_settings_newConectați-vă pentru a răspunde
remove_circleSubiecte similare
privacy_tip Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum