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.

Casute de text

5 participanți

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

In jos

Casute de text Empty Casute de text

Mesaj Scris de Edge Sam Sept 17, 2011 7:29 am

Tutorial - Casute de text


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

Cu acest cod puteti pune textul intr-un chenar elegant.

Incepem prin a pune urmatorul cod in foaia de stil CSS:

Cod:
.uparrowdiv, .downarrowdiv, .leftarrowdiv, .rightarrowdiv{
width:600px;
min-height:40px;
background: black;
color:white;
padding:5px;
position:relative;
word-wrap:break-word;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
margin-bottom:2em;
}

.uparrowdiv:after{
content:'';
display:block;
position:absolute;
top:-20px;
left:30px;
width:0;
height:0;
border-color: transparent transparent black transparent;
border-style: solid;
border-width: 10px;

}

.downarrowdiv:after{
content:'';
display:block;
position:absolute;
top:100%;
left:30px;
width:0;
height:0;
border-color: black transparent transparent transparent;
border-style: solid;
border-width: 10px;
}

.leftarrowdiv:after{
content:'';
display:block;
position:absolute;
top:10px;
left:-20px;
width:0;
height:0;
border-color: transparent black transparent transparent;
border-style: solid;
border-width: 10px;
}

.rightarrowdiv:after{
content:'';
display:block;
position:absolute;
top:10px;
left:100%;
width:0;
height:0;
border-color: transparent transparent transparent black;
border-style: solid;
border-width: 10px;
}

In pagina HTML vom marca casetele cu atributul xarrowdiv,unde x este directia sagetii,putem folosi up,down,left sau right.
Cod:

<div class="uparrowdiv">
Ma cheama Gigel si am sageata sus
</div>

<div class="downarrowdiv">
Ma cheama Gigel si am sageata jos
</div>

<div class="leftarrowdiv">
Ma cheama Gigel si am sageata in stanga
</div>

<div class="rightarrowdiv">
Ma cheama Gigel si am sageata in dreapta
</div>
- Pentru orice nelamurire legata de acest tutorial va rugam sa postati
in sectiunea [Trebuie sa fiti inscris si conectat pentru a vedea acest link]

Tutorial realizat de Mr.Sankez | 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

Casute de text Empty Re: Casute de text

Mesaj Scris de Heas Vin Sept 30, 2011 3:36 am

Nu prea imi place designul dar sunt foarte folositoare
Heas
Heas
Gold Member
Gold Member

Mesaje Mesaje : 167
Credite Credite : 263
Reputatie : 0
Varsta Varsta : 28
Localizare Localizare : Pe eci colo

https://designart.catsboard.com/

Sus In jos

Casute de text Empty Re: Casute de text

Mesaj Scris de InternetFUN Dum Oct 02, 2011 1:05 am

Nu arata prea frumos...In rest sunt folositoare :>
InternetFUN
InternetFUN
Membru DesignART
Membru DesignART

Mesaje Mesaje : 95
Credite Credite : 115
Reputatie : 0
Varsta Varsta : 27
Localizare Localizare : Piatra Neamt

http://internetfun.forumz.ro/

Sus In jos

Casute de text Empty Re: Casute de text

Mesaj Scris de Bogdy™ Sam Oct 08, 2011 1:26 pm

destul de frumusele , dar puteai si mai bine .
Bogdy™
Bogdy™
Membru DesignART
Membru DesignART

Mesaje Mesaje : 33
Credite Credite : 37
Reputatie : 0
Varsta Varsta : 32
Localizare Localizare : Italia, Regione Savona, Provincia Urbe San Piedro

https://designart.catsboard.com

Sus In jos

Casute de text Empty Re: Casute de text

Mesaj Scris de Gabryel Mier Oct 19, 2011 1:53 pm

sunt frumoase ,bravo pentru munca depusa
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

Casute de text Empty Re: Casute de text

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