News:

Bored?  Looking to kill some time?  Want to chat with other SMF users?  Join us in IRC chat or Discord

Main Menu

Usklađivanje foruma

Started by Klopa HzSa, January 01, 2017, 08:33:32 AM

Previous topic - Next topic

Klopa HzSa

Ovako, imam problem.. Pravim forum temu, iz dosade hajmo reci i ucim nove stvari oko kodiranja ovoga..


Eh sada, napravio sam novosti na sajtu www.klopa-samp.vacau.com

I te novosti nisu iste širine kod svih clanova, kako da uskladim to ?

Dzonny

Zdravo,

Da bi pravio temu moraš imati jako znanje HTML-a i CSS-a, ne možeš tek tako praviti "iz dosade".
Ne znam gde si dodao kod, koji kod, na koji način? I kako misliš nije iste širine?

Klopa HzSa

http://i.imgur.com/pDuG8ee.png


Pogledaj, meni su normala novosti, ali linija od novosti nije dobro usklađena za sve članove, naprimjer moj drug vidi kao preširoku liniju

Dzonny

Jel "spisak server administracije" ta linija sa vestima?

Klopa HzSa


Dzonny

Ja kao gost ne mogu da vidim tu sekciju, tako da ako možeš ostavi podatke za login. Možeš li kopirati ovde deo koda koji si koristio za news sekciju, kao i css?

Klopa HzSa

Evo ga


<dole-vijesti>
<i class="fa fa-spinner"></i> ', $context['random_news_line'], '
</dole-vijesti>


css


dole-vijesti {
    font-size: 19px;
    color: #4D4D4D;
    background: #fff;
    padding: 14px;
    display: block;
    border-bottom: 1px solid #ECF0F1;
    margin-left: 382px;
    background: #303641;
    height: 14px;
    width: 646px;
    padding-left: 373px;
    margin-left: 0px;
}

Dzonny

Ne možeš praviti sopstvene html tagove :P Ja bih ti preporučio za početak da kreneš sa nekim jednostavnijim stvarima i izmenama, pravljenje teme je prevelik zalogaj ako ne znaš savršeno html i css u najmanju ruku.
Imaš sve po netu da nađeš i naučiš :)

Elem, ne možeš koristiti <dole-vijesti>, tako nešto ne postoji u html-u, možeš koristiti npr:
<div class="dole-vijesti">
<i class="fa fa-spinner"></i> ', $context['random_news_line'], '
</div>

I u css-u:

.dole-vijesti {
    font-size: 19px;
    color: #4D4D4D;
    background: #fff;
    padding: 14px;
    display: block;
    border-bottom: 1px solid #ECF0F1;
    margin-left: 382px;
    background: #303641;
    height: 14px;
    width: 646px;
    padding-left: 373px;
    margin-left: 0px;
}


Advertisement: