Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Edycja ikonek statusu działów

Założony przez  RejusPL.

wersja skryptu MyBB: 1.8.5 duende
adres forum: cs-placzabaw.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): Szukam ustawień do iconki od zamkniętego tematu i nie mogę znaleźć tego w kodzie w ogóle nie mogę znaleźć kodu od ikonek. Chciałbym aby iconki które są w folderze od stylu pojawiały się na stronie. Próbowałem wrócić do początkowych ustawień ale to nic nie dawało.  Folder po lewo pokazuje 3 ikonki do stylu. Albo podmienić cały kod na wybrane przez mnie ikonki.

Screnshot

Global.css
.scaleimages img {
max-width: 100%;
}

.forum_status {
height: 50px;
width: 50px;
text-align: center;
padding: 1px 2px;
font-size: 22px;
}

.forum_status i {
display: inline-block;
line-height: 50px;
}

.forum_on {
    color: #b23636;
 text-shadow: 1px 1px 0px #fff;
}

.forum_off, .forum_offlock, .forum_offlink {
color: #333;
text-shadow: 1px 1px 0px #fff;
}

.forum_off i {
color: #31383f;
 text-shadow: 1px 1px 0px #fff;
}

.forum_offlock i:before {
content: "\f05e";
 color: #adadad;
text-shadow: 1px 1px 0px #fff;
}

.forum_offlink i:before {
content: "\f079";
 text-shadow: 1px 1px 0px #fff;
}

.subforumicon {
height: 10px;
width: 10px;
display: inline-block;
margin: 0 5px;
background: url(images/mini_status_sprite.png) no-repeat 0 0;
}

.subforum_minion {
background-position: 0 0;
}

.subforum_minioff {
background-position: 0 -10px;
}

.subforum_miniofflock {
background: url(images/duende/miniofflock.png) no-repeat;
background-position: 0 -20px;
}

.subforum_miniofflink {
background-position: 0 -30px;
}

table {
color: #333;
font-family: Tahoma,Helvetica Neue,Arial,sans-serif;
font-size: 14px;
font-style: normal;
}

.tborder2 {
background: #fff;
width: 100%;
margin: auto auto;
  border: 2px solid #e4e6e9;
padding: 1px;
  -moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.tborder {
background: #fff;
margin: auto auto;
border: 2px solid #e4e6e9;
padding: 5px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;

width: 100%;
}






[url=http://cs-placzabaw.pl/admin/index.php?module=style-templates&action=edit_template&title=forumbit_depth2_forum&sid=9&expand=3][/url]Forum_depth2_forum


<tr>
<td class="{$bgcolor}" align="center" valign="middle" width="1"><div class="forum_status forum_{$lightbulb['folder']} ajax_mark_read" title="{$lightbulb['altonoff']}" id="mark_read_{$forum['fid']}"><i class="fa fa-folder-o"></i></div></td>
 
<td class="{$bgcolor}" valign="middle">
 <strong><a href="{$forum_url}"><span class="threadtext">{$forum['name']}</span></a></strong><br />{$forum_viewers_text} {$forum['description']} {$subforums}</td>
 
<td class="{$bgcolor}" valign="middle" align="right" style="white-space: nowrap">
<strong><i>{$posts}{$unapproved['unapproved_posts']}</i></strong>   Postów<br />
<strong><i>{$threads}{$unapproved['unapproved_threads']}</i></strong>  Wątków
</td>
 
<td class="{$bgcolor}" valign="middle" align="left" width="22%" style="white-space: nowrap">{$lastpost}</td>
</tr>
Kod odpowiadający za wyświetlanie ikonek nie znajduje się w szablonach a w arkuszach stylów. Musisz edytować thread_status.css.

Na przykładzie ikonki lock.png:

Znajdź klasy, które odpowiadają za ikonkę zamkniętego wątku (mają w nazwie lock) i zamień ich zawartość na:

background: transparent url("http://cs-placzabaw.pl/images/duende/lock.png") repeat scroll 0% 0%;
    width: 16px;
    height: 16px;
    display: block;
    content: "";

Analogicznie musisz postępować z każdą inną ikonką/grupą ikonek. Najlepiej je wszystkie ze sobą scalić żeby niepotrzebnie nie dublować kodu.
Żadna sprawa nie jest przegrana dopóki choć jeden szaleniec o nią walczy. Tylko wariaci są coś warci.



Użytkownicy przeglądający ten wątek:

1 gości