Simple Machines Community Forum

SMF Support => Bosanski/Hrvatski/Srpski (Bosnian/Croatian/Serbian) => Language Specific Support => Teme i Grafika => Topic started by: SimpleGost on June 04, 2012, 05:40:45 PM

Title: Hitna pomoć oko CSS.
Post by: SimpleGost on June 04, 2012, 05:40:45 PM
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

(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fimg850.imageshack.us%2Fimg850%2F5713%2Finternetfazonipoetna201.png&hash=3fb070c1c14f6adf6e854319438f28562a318c7b)


#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

#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 :)
Title: Re: Hitna pomoć oko CSS.
Post by: Branko. on June 04, 2012, 06:28:50 PM
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.
Title: Re: Hitna pomoć oko CSS.
Post by: SimpleGost on June 04, 2012, 06:32:46 PM
Quote from: Branko. on June 04, 2012, 06:28:50 PM
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...
Title: Re: Hitna pomoć oko CSS.
Post by: Branko. on June 04, 2012, 07:10:07 PM
Probaj da prevod stringova smanjiš do granice razumljivosti:
$txt['show_unread'] = 'Unread';  .... Nepročitano
$txt['show_replies'] = 'Replies'; .... Odgovori

Title: Re: Hitna pomoć oko CSS.
Post by: SimpleGost on June 04, 2012, 07:12:55 PM
Quote from: Branko. on June 04, 2012, 07:10:07 PM
Probaj da prevod stringova smanjiš do granice razumljivosti:
$txt['show_unread'] = 'Unread';  .... Nepročitano
$txt['show_replies'] = 'Replies'; .... Odgovori

Ma ok .... ako nema resenja...
Title: Re: Hitna pomoć oko CSS.
Post by: Branko. on June 04, 2012, 07:28:21 PM
Č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.
Title: Re: Hitna pomoć oko CSS.
Post by: SimpleGost on June 04, 2012, 07:30:16 PM
Quote from: Branko. on June 04, 2012, 07:28:21 PM
Č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 :D
Ja sve gledao u pogrešan kod,a css ogromaaan xDD
Title: Re: Hitna pomoć oko CSS.
Post by: Branko. on June 04, 2012, 07:43:05 PM
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  :P
Title: Re: Hitna pomoć oko CSS.
Post by: SimpleGost on June 05, 2012, 08:40:49 AM
ovo se desi kada to uradim
Title: Re: Hitna pomoć oko CSS.
Post by: Branko. on June 05, 2012, 09:34:37 AM
Vjerovatno jer nisi radio postepeno.Kad već imaš opciju ispitaj u google chrome probaj s njom.Vrati originalni css i polagano.
Title: Re: Hitna pomoć oko CSS.
Post by: SimpleGost on June 05, 2012, 02:27:49 PM
Quote from: Branko. on June 05, 2012, 09:34:37 AM
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 :D
Title: Re: Hitna pomoć oko CSS.
Post by: Prometheuss on June 15, 2012, 09:58:11 PM
Ma rijesi to kad si vec krenuo ... nije tesko ... evo lijepo ti Branko kaze , samo je potrebno vratiti orginalni css.