Cum pot face bara posthead la nivel cu bara verticala

Scris de Kevin Vin Iun 01, 2012 4:53 pm

Salut, am o problema. As vrea sa fac bara posthead mai mica ca sa ajunga pana la linia aceea verticala din stanga din sageata a 2 a pentru punBB

Asta: bara - Cum pot face bara posthead la nivel cu bara verticala XWD5Y

bara - Cum pot face bara posthead la nivel cu bara verticala XWD5Y

Scris de Emanuel. Vin Iun 01, 2012 5:20 pm

Cauta in CSS codul urmator:

Cod:: .numarmesaj { background: white; padding: 5px; border: 1px solid #CCC; border-radius: ;}

Iar la proprietatea "Padding" schimba valoarea de "5px" cu una mult mai mica , spre exemplu "2 sau 3 px" sau chiar mai mica sau mai mare, dupa propria preferinta.

Scris de Kevin Vin Iun 01, 2012 5:23 pm

Emanuel nu asta vreau. Eu vreau ca bara aceea in care e inclus numarul la mesaj as vrea sa fie pana la bara aceea verde adica sa fie la un nivel.

Scris de Emanuel. Vin Iun 01, 2012 5:28 pm

Adauga in CSS

Cod:: .post { border: none!important; }

Scris de Kevin Vin Iun 01, 2012 5:33 pm

Deci Emanuel

Asa am eu: bara - Cum pot face bara posthead la nivel cu bara verticala XWD5Y

Asa vreau eu: bara - Cum pot face bara posthead la nivel cu bara verticala 6ihf80

Vezi diferenta. Bara mea e putin mai mare aia unde este data si titlul subiectului eu as vrea sa fie ca in a 2 a imagine sa fie la un nivel.

Scris de Emanuel. Vin Iun 01, 2012 5:44 pm

Adauga codul acesta si sterge codurile precedente.

Cod:: .numarmesaj{ top:10px; left:20px; padding:2px; font-size:11px; font-weight: bold; position:relative !important; border-bottom:none; border-top:1xp solid #culoare; border-left:1px solid #culoare; border-right:1px solid #culoare; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px;}

Specificare:
"Sa nu uiti sa adaugii la proprietatile
boorder-left
border-top
border-right
culoarea preferata."

Scris de Kevin Vin Iun 01, 2012 5:47 pm

In fine tot nu intelegi. Astept pe altcineva sa ma ajute.

Scris de Emanuel. Vin Iun 01, 2012 5:50 pm

Cod:: .post { border: none!important; }

Vad ca te referii la bara aia.
Ti-am mai dat codul asta o data, chiar ca nu mai inteleg nimica....

Scris de Kevin Vin Iun 01, 2012 5:51 pm

Intelege ca nu merge codul dat.

Scris de cloner Vin Iun 01, 2012 8:10 pm

Cod:: .numarmesaj {background: white;padding: 5px;border: 1px solid #CCC;border-radius: 0px 0px 0px 5px;font-family: Arial;float: right;position: relative;top: 22px;left: 0px;-moz-border-radius-topleft: 4px;-webkit-border-top-left-radius: 4px;border-top-left-radius: 4px;-moz-border-radius-topright: 4px;-webkit-border-top-right-radius: 4px;border-top-right-radius: 4px;-moz-border-radius-bottomleft: 0px;-webkit-border-bottom-left-radius: 0px;border-bottom-left-radius: 0px;-moz-border-radius-bottomright: 0px;-webkit-border-bottom-right-radius: 0px;border-bottom-right-radius: 0px;}

te rog sa mofici tu " top: 22px; " cu cat vrei
[/code]

Scris de Omu Sam Iun 02, 2012 3:11 pm

Salut,
Poţi încerca:

Cod:: .numarmesaj { /* Rotunjire colturi */ -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; /* Contur */ border: 1px solid #ddd; /* Fundal */ background: #fff;} /* Mutare spre stanga */ margin-left: -10px !important; /* Mutare in jos */ margin-top: 10px !important;