Hitna pomoć oko CSS.

[SimpleGost]

Ne znam ništa oko css, tj. znam neke banalne stvari da pomerim nešto, dodam, izmenim, dugmad, neke sitnice znate već...
Ali ne znam ništa dublje....
Naime imam problem sa ovim

Code Select Expand


#user_tools { height: 48px; padding: 15px 5px;}
#search { float: left; background: url(../images/_style3/search.png) no-repeat; height: 30px; width: 220px;}
#search .search_input { background: none; border: none; outline: none; width: 200px; height: 16px; line-height: 16px; margin: 0; padding: 7px 10px; color: #dfdfdf; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.; font-family: Tahoma, Arial, sans-serif;}
#memb_login { float: right; width: 350px; text-align: right; color: #aaa;}
#memb_login ul { margin: 0; padding: 0; line-height: 28px;}
#memb_login li { display: inline; list-style: none; padding: 0;}
#memb_login a { color: #dfdfdf;}
#memb_login li a { display: inline-block; background: url(../images/_style3/login_bullet.png) 0 50% no-repeat; padding: 0 4px 0 13px;}
#memb_login .first { background: none;}
#memb_login .last { padding-right: 0;}
#memb_login .memb_greeting { font-size: 18px; display: block;}
#memb_login .memb_avatar { float: right; margin-left: 15px;}
#memb_login img.avatar { width: 46px; height: 46px;}

Nesto ovde treba izmeniti...
Ja sam izmenio

Code Select Expand


#memb_login li a { display: inline-block; background: url(../images/_style3/login_bullet.png) 0 50% no-repeat; padding: 0 4px 0 13px;}

stavio sa 13px na 18, jer NE MOŽE VIŠE ja povećavam iznad 18 i neće, svrha je da kada povećam da se ovo PM:18 pomera u levu stranu, ali ima malu granicu, i ne može da mi stane tekst.
HELP!

P.S ako imate GOOGLE CHROME preko inspect element možete "probavati" videti šta je, i reći mi šta je sporno?
Hvala puno ♥

EDIT: Naravno, želim da pomerim i ovaj tekst "Nove Teme", "Odgovori na moje poruke" u jedan red, sve to lepo da bude...
help...
bilo je na engleskom i kratko, samo Unread i replies i zato je problem....

U ATTACH JE CSS CEO

EDIT: Ljudi otkrio sam da tog problema nema kada je avatar tu, samo cu ukloniti avatar

[Branko.]

Ne bi trebalo da ima veze s avatarom.Šta sa avatarima ostalih? Problem je (moguće) u stringovima teme čiji prevod je predugačak.Probaj da prebaciš na engleski (ako nisi dirao original) i vidi kako se prikazuje sa avatarom i sve će biti jasno.

[SimpleGost]

Ne bi trebalo da ima veze s avatarom.Šta sa avatarima ostalih? Problem je (moguće) u stringovima teme čiji prevod je predugačak.Probaj da prebaciš na engleski (ako nisi dirao original) i vidi kako se prikazuje sa avatarom i sve će biti jasno.

Pa bio je engleski, sve je bilo ok do toga je i problem...
Predugačak je string na srpskom
Rešenje?
Nije do avatara nego je uklanjanje avatara PRIVREMENO rešenje za malkice duži tekst...
Svi avatari su isti u tom delu 48x48 px.
ja sam ga uklonio tako što sam stavio 0px 0px
Smešno? ali ima puno linija koda gde se pominje avatar nisam imao vremena istraživat...

[Branko.]

Probaj da prevod stringova smanjiš do granice razumljivosti:
$txt['show_unread'] = 'Unread';  .... Nepročitano
$txt['show_replies'] = 'Replies'; .... Odgovori

[SimpleGost]

Probaj da prevod stringova smanjiš do granice razumljivosti:
$txt['show_unread'] = 'Unread';  .... Nepročitano
$txt['show_replies'] = 'Replies'; .... Odgovori

Ma ok .... ako nema resenja...

[Branko.]

Čuj..možeš povećati ovdje visinu ili razmak (da tekst ne bježi van tog polja):

#user_tools {
    height: 48px;
    padding-bottom: 15px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 15px;

da se posloži kako ti tražiš treba malo zaviriti u taj css i probati.

[SimpleGost]

Čuj..možeš povećati ovdje visinu ili razmak (da tekst ne bježi van tog polja):

#user_tools {
    height: 48px;
    padding-bottom: 15px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 15px;

da se posloži kako ti tražiš treba malo zaviriti u taj css i probati.

Hvala ti, ljubim te miloše
Ja sve gledao u pogrešan kod,a css ogromaaan xDD

[Branko.]

Možeš probati i da pomakneš ta tri ulijevo od avatara, no tada ide i gornji red:

#memb_login {
    color: #AAAAAA;
    float: right;
    text-align: right;   ...staviš left
    width: 350px;

Sve ti je drugačije kod DS tema.Ako ne postigneš zadovoljavajući rezultat, trebalo bi da imaš free pomoć od njih

EDIT: Malo sam gledao, možda da probaš i sa:

#memb_login li a {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../images/_style3/login_bullet.png");
    background-origin: padding-box;
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: auto auto;
    display: inline-block;
    padding-bottom: 0;
    padding-left: 23px;
    padding-right: 20px;
    padding-top: 0;
}

Ovo bi trebalo da napravi razmak između njih i pomjeri ulijevo (možda stringovi tada legnu na mjesto)

I ne zaboravi sačuvati orginalni css 

[SimpleGost]

ovo se desi kada to uradim

[Branko.]

Vjerovatno jer nisi radio postepeno.Kad već imaš opciju ispitaj u google chrome probaj s njom.Vrati originalni css i polagano.

[SimpleGost]

Vjerovatno jer nisi radio postepeno.Kad već imaš opciju ispitaj u google chrome probaj s njom.Vrati originalni css i polagano.

Ma ko ga šiša

[Prometheuss]

Ma rijesi to kad si vec krenuo ... nije tesko ... evo lijepo ti Branko kaze , samo je potrebno vratiti orginalni css.