Temat: Ikony postu

Witam,
Jak zrobić ikony postu?

Oxygen.css

.brd .main-content .main-item .icon {
     border-style: dotted;
     border-width: 0.5833em;
    height: 2;
    width: 2;
    float: left;
    margin-top: 0.667em;
    margin-left: -2.417em;
    }

oraz

Oxygen_cs.css

/* Status indicators
----------------------------------------------------------------*/

.brd .main-content .main-item .icon {
    border-color: url(../img/nonew.gif);
    }

I zamiast obrazka pojawia się czarny kwadrat.

2

Odp: Ikony postu

W pliku Oxygen_cs.css:

Zamieniasz linijkę:

border-color: url(../img/nonew.gif);

Na:

border-color: url(../../img/nonew.gif);

Chyba powinno działać.

3

Odp: Ikony postu

Niestety nadal nie działa.

4

Odp: Ikony postu

Szybka instrukcja, wykorzystana na tym forum:

Plik Oxygen.css, znajdź:

.brd .main-content .main-item .item-subject .hn {
    display:inline;
    margin: 0 0 0 1.5em;
    }

.brd .main-content .main-item .item-subject p {
    margin: 0 0 0 1.5em;

    }

Zamień na:

.brd .main-content .main-item .item-subject .hn {
    display:inline;
    margin: 0 0 0 1em;
    }

.brd .main-content .main-item .item-subject p {
    margin: 0 0 0 1em;
    }

Znajdź:

.brd .main-content .main-item .icon {
    border-style: solid;
    border-width: 0.5833em;
    height: 0;
    width: 0;
    float: left;
    margin-top: 0.667em;
    margin-left: -2.417em;
    margin-left: -3.6em;
    }

Zamień na:

.brd .main-content .main-item .icon {
    height: 32px;
    width: 32px;
    float: left;
    margin-top: 0.667em;
    margin-left: -3.6em;
    }

Teraz wystarczy tylko dodać obrazki do Oxygen_cs.css po komentarzu:

/* Status indicators */

w następujący sposób:

.brd .main-content .main-item .icon {
    background: url(img/status.png);
    }

5

Odp: Ikony postu

Dzięki wink

A jak to będzie przy postach nieprzeczytanych [tj. nowych itp.]

Ostatnio edytowany przez Proximus (2009-02-11 18:16:10)

6

Odp: Ikony postu

/* Przeczytane */
.brd .main-content .main-item .icon {
    background: url(img/status.png);
    }
 
/* Przekierowanie, zapomniałem dać obrazek tongue */
.brd .main-content .redirect .icon {
    border-color: #f4f4f4 #f4f4f4 #f4f4f4 #f4f4f4
    }
 
/* Przyklejone */
.brd .main-content .sticky .icon {
    background: url(img/status_sticky.png);
    }
 
/* Zamknięte */
.brd .main-content .closed .icon {
    background: url(img/status_closed.png);
    }
 
/* Zamknięte i przyklejone */
.brd .main-content .sticky.closed .icon {
    background: url(img/status_sticky.png);
    }
 
/* Nowe */
.brd .main-content .new .icon {
    background: url(img/status_new.png);
    }

Tak to wygląda na tym forum

7

Odp: Ikony postu

Dzięki jakbym mógł to byś miał + smile