Bine ai venit pe DesignART !
-Forumul DesignART ofera servicii gratuite in domeniile Graphic Design si Coding !
-Pentru a beneficia de aceste servicii trebuie doar sa va INREGISTRATI si/sau sa va CONECTATI
-Innainte de a incepe sa postati,va sfatuim sa cititi REGULAMENTUL forumului !


Alăturați-vă forumului, este rapid și ușor

Bine ai venit pe DesignART !
-Forumul DesignART ofera servicii gratuite in domeniile Graphic Design si Coding !
-Pentru a beneficia de aceste servicii trebuie doar sa va INREGISTRATI si/sau sa va CONECTATI
-Innainte de a incepe sa postati,va sfatuim sa cititi REGULAMENTUL forumului !
Doriți să reacționați la acest mesaj? Creați un cont în câteva clickuri sau conectați-vă pentru a continua.

Tutorial-Personalizarea casutei Cod/Spoiler/Citat

+5
DirTy
Zeus
Kocos
Paul
Edge
9 participanți

 :: DesignART - Resurse :: Tutoriale :: Tutoriale Css, Html si JavaScript

In jos

Tutorial-Personalizarea casutei Cod/Spoiler/Citat Empty Tutorial-Personalizarea casutei Cod/Spoiler/Citat

Mesaj Scris de Edge Dum Sept 04, 2011 10:50 am

Personalizarea casutei Cod/Spoiler/Citat

Salut,in acest tutorial va voi arata cum va puteti personaliza casuta Code/Spoiler/Citat
Previzualizare: [Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]
Pentru "Cod"
Cod:
/* Petntru cod */
.code {
max-width:200px;
font-size: 12px;
padding: 3px;
font-family:Georgia;
color: #0069a1;
background: #333 url(http://i49.servimg.com/u/f49/15/59/36/28/conten10.png);
background-position: bottom left;
background-repeat:repeat-x;
border: 1px solid #005a80;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
box-shadow: 0px 0px 6px #000;
-moz-box-shadow: 0px 0px 6px #000;
-webkit-box-shadow: 0px 0px 6px #000;
-khtml-box-shadow: 0px 0px 6px #000;}
Pentru "Spoiler"
Cod:
/* Spoiler */

.ganmed{
margin: 0 0 0 40px;}

.spoiler_content {
font-size: 12px;
padding: 3px;
font-family:Georgia;
color: #0069a1;
}

.spoiler_closed {
border: none;
background: none;}

.spoiler {
font-size: 12px;
padding: 3px;
font-family:Georgia;
color: #0069a1;
background: #333 url(http://i49.servimg.com/u/f49/15/59/36/28/conten10.png);
background-position: bottom left;
background-repeat:repeat-x;
border: 1px solid #000000;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
box-shadow: 0px 0px 6px #000;
-moz-box-shadow: 0px 0px 6px #000;
-webkit-box-shadow: 0px 0px 6px #000;
-khtml-box-shadow: 0px 0px 6px #000;}
Pentru "Citat"
Cod:
/* Citat */

.quote{
font-size: 12px;
padding: 3px;
font-family:Georgia;
color: #0069a1;
background: #333 url(http://i49.servimg.com/u/f49/15/59/36/28/conten10.png);
background-position: bottom left;
background-repeat:repeat-x;
border: 1px solid #000000;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-khtml-border-radius: 8px;
box-shadow: 0px 0px 6px #000;
-moz-box-shadow: 0px 0px 6px #000;
-webkit-box-shadow: 0px 0px 6px #000;
-khtml-box-shadow: 0px 0px 6px #000;}
Aceste casute merg la o tema inchisa la culoare.
Tutorial realizat de Edge | DesignART

***Important !
Reproducerea si/sau copierea acestui tutorial NU este permisa fara acordul postatorului !
avatar
Edge
Administrator
Administrator

Mesaje Mesaje : 528
Credite Credite : 702
Reputatie : 3
Varsta Varsta : 28
Localizare Localizare : Resita

https://designart.catsboard.com/

Sus In jos

Tutorial-Personalizarea casutei Cod/Spoiler/Citat Empty Re: Tutorial-Personalizarea casutei Cod/Spoiler/Citat

Mesaj Scris de Paul Dum Sept 04, 2011 11:43 am

bravo incepi sa inveti coding din ce in ce mai bine..
Paul
Paul
Moderator
Moderator

Mesaje Mesaje : 231
Credite Credite : 245
Reputatie : 3
Varsta Varsta : 31
Localizare Localizare : Paris

https://designart.catsboard.com/

Sus In jos

Tutorial-Personalizarea casutei Cod/Spoiler/Citat Empty Re: Tutorial-Personalizarea casutei Cod/Spoiler/Citat

Mesaj Scris de Kocos Dum Sept 04, 2011 12:31 pm

Bun tutorial . Nu stii cod si pentru teme deschise la culoare?
Kocos
Kocos
Gold Member
Gold Member

Mesaje Mesaje : 354
Credite Credite : 166
Reputatie : 3
Varsta Varsta : 28
Localizare Localizare : Arad

http://proaim.wow3.info

Sus In jos

Tutorial-Personalizarea casutei Cod/Spoiler/Citat Empty Re: Tutorial-Personalizarea casutei Cod/Spoiler/Citat

Mesaj Scris de Zeus Dum Sept 04, 2011 1:18 pm

Kocos, va indit sa deschideti un topic separat. Nu se ofera suport decat in sectiuniile de suport.
Zeus
Zeus
Administrator
Administrator

Mesaje Mesaje : 610
Credite Credite : 817
Reputatie : 6
Varsta Varsta : 29

Sus In jos

Tutorial-Personalizarea casutei Cod/Spoiler/Citat Empty Re: Tutorial-Personalizarea casutei Cod/Spoiler/Citat

Mesaj Scris de DirTy Lun Sept 05, 2011 6:10 am

Am sa incerc bravo
avatar
DirTy
Membru DesignART
Membru DesignART

Mesaje Mesaje : 22
Credite Credite : 24
Reputatie : 0
Varsta Varsta : 31

https://designart.catsboard.com

Sus In jos

Tutorial-Personalizarea casutei Cod/Spoiler/Citat Empty Re: Tutorial-Personalizarea casutei Cod/Spoiler/Citat

Mesaj Scris de Romeo Lun Sept 05, 2011 6:38 am

Foarte frumos tutorialul!Felicitari pentru munca depusa
Romeo
Romeo
Gold Member
Gold Member

Mesaje Mesaje : 172
Credite Credite : 96
Reputatie : 0
Varsta Varsta : 28
Localizare Localizare : Sibiu

http://farmeramafanclub.forumer.ro

Sus In jos

Tutorial-Personalizarea casutei Cod/Spoiler/Citat Empty Re: Tutorial-Personalizarea casutei Cod/Spoiler/Citat

Mesaj Scris de Racu Sam Sept 17, 2011 6:14 am

Bravo Edge ! Foarte frumos
Racu
Racu
Membru DesignART
Membru DesignART

Mesaje Mesaje : 14
Credite Credite : 18
Reputatie : 0

http://softdesign.forumz.ro

Sus In jos

Tutorial-Personalizarea casutei Cod/Spoiler/Citat Empty Re: Tutorial-Personalizarea casutei Cod/Spoiler/Citat

Mesaj Scris de Edge Sam Sept 17, 2011 6:20 am

Racu(G0D),ati fost banat pentru plagierea acestui forum!Sunt curios cate conturi o sa iti mai faci... Very Happy
avatar
Edge
Administrator
Administrator

Mesaje Mesaje : 528
Credite Credite : 702
Reputatie : 3
Varsta Varsta : 28
Localizare Localizare : Resita

https://designart.catsboard.com/

Sus In jos

Tutorial-Personalizarea casutei Cod/Spoiler/Citat Empty Re: Tutorial-Personalizarea casutei Cod/Spoiler/Citat

Mesaj Scris de eric23081999 Dum Sept 18, 2011 9:36 am

frumos. felicitari , multumesc.
eric23081999
eric23081999
Membru DesignART
Membru DesignART

Mesaje Mesaje : 54
Credite Credite : 72
Reputatie : 0
Varsta Varsta : 64
Localizare Localizare : da

http://graphicart.forumz.ro

Sus In jos

Tutorial-Personalizarea casutei Cod/Spoiler/Citat Empty Re: Tutorial-Personalizarea casutei Cod/Spoiler/Citat

Mesaj Scris de Gabryel Mier Oct 19, 2011 2:06 pm

foarte bune codurile ,felicitari
Gabryel
Gabryel
Gold Member
Gold Member

Mesaje Mesaje : 101
Credite Credite : 106
Reputatie : 0
Localizare Localizare : MUIE DESIGNART!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

http://MUIEDESIGNRT.FORUMHIT.RO

Sus In jos

Tutorial-Personalizarea casutei Cod/Spoiler/Citat Empty Re: Tutorial-Personalizarea casutei Cod/Spoiler/Citat

Mesaj Scris de Continut sponsorizat


Continut sponsorizat


Sus In jos

Sus

- Subiecte similare

 :: DesignART - Resurse :: Tutoriale :: Tutoriale Css, Html si JavaScript

 
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum