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

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

Krótka zmiana kodu

Inne  Założony przez  kdmm.

18.03.2016, 21:31 (Ten post był ostatnio modyfikowany: 18.03.2016, 22:21 przez kdmm.)
#1
wersja skryptu MyBB: 1.8.6
adres forum: http://www.csgamers.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

Witam mój problem polega wyłącznie na dodaniu koloru do linii kodu aby zachować jego strukturę nie zmieniając fontów
<li> <a href="{$mybb->settings['bburl']}/calendar.php"><i class="fa fa-calendar fa-fw"></i></br> Calendar</a></li>
Zmiana nazwy "Calendar" na kolor z tabeli kolorów jaki kod dodać? próbowałem chyba z 20 kombinacji i nic :)
18.03.2016, 21:33
#2
Podaj adres forum.
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna.
18.03.2016, 22:22
#3
Zapomniałem wcześniej, już zaktualizowałem
18.03.2016, 22:51
#4
Podmień na:
<li> <a href="{$mybb->settings['bburl']}/calendar.php" class="colored"><i class="fa fa-calendar fa-fw"></i></br> Calendar</a></li>

Dodaj do global.css:
.colored {
color: #hex;
}
"Try not. Do... or do not. There is no try."
Poświęć 5 minut. Nie bądź ignorantem!  -  Jak zbadać element?
18.03.2016, 23:02 (Ten post był ostatnio modyfikowany: 18.03.2016, 23:02 przez Divir.)
#5
Ewentualnie jak ci się nie chce robić:
<li> <a href="{$mybb->settings['bburl']}/calendar.php" style="color:#FF0000"><i class="fa fa-calendar fa-fw"></i></br> Calendar</a></li>

Druga opcja - jeśli nie chcesz nic zmieniać w html możesz użyć nth-child w css.
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.
18.03.2016, 23:09 (Ten post był ostatnio modyfikowany: 18.03.2016, 23:09 przez kdmm.)
#6
A która opcja jest lepsza? :D bo mi to obojętne, żeby działało
18.03.2016, 23:10
#7
Obojętnie.
Prośby na PW dotyczące wsparcia z problemami będą ignorowane. Pomoc poza forum - odpłatna.
18.03.2016, 23:11
#8
Używanie style= powinno być ostatecznością, bo w dłuższym czasie utrudnia edycję kodu. Klasy możesz użyć wielokrotnie i gdy będziesz chciał zmienić styl wielu elementów na raz - wystarczy zmiana w klasie w global.css
"Try not. Do... or do not. There is no try."
Poświęć 5 minut. Nie bądź ignorantem!  -  Jak zbadać element?
18.03.2016, 23:18 (Ten post był ostatnio modyfikowany: 18.03.2016, 23:21 przez kdmm.)
#9
(18.03.2016, 23:11)ficus napisał(a): Używanie style= powinno być ostatecznością, bo w dłuższym czasie utrudnia edycję kodu. Klasy możesz użyć wielokrotnie i gdy będziesz chciał zmienić styl wielu elementów na raz - wystarczy zmiana w klasie w global.css
A gdy chce użyć wieku kolorów pod inne menu to do global.css mam dodać
.colored {
color: #hex;
}

x3 razy? jedno pod drugim? czy da rade jakoś to skleić razem bo będę miał 3 textowe menu każde w innym kolorze
18.03.2016, 23:22
#10
Nie bardzo rozumiem co rozumiesz przez '3 textowe menu'. W każdym razie - klasa to nadanie konkretnego stylu do elementu/ów. Jeśli styl, w tym przypadku kolor, ma się różnić w różnych elementach to musisz utworzyć osobne klasy.
"Try not. Do... or do not. There is no try."
Poświęć 5 minut. Nie bądź ignorantem!  -  Jak zbadać element?
19.03.2016, 02:37 (Ten post był ostatnio modyfikowany: 19.03.2016, 02:38 przez kdmm.)
#11
A więc będzie przykładowo:
<li> <a href="{$mybb->settings['bburl']}/calendar.php" class="colored"><i class="fa fa-calendar fa-fw"></i></br> Calendar</a></li>

<li> <a href="{$mybb->settings['bburl']}/calendar.php" class="colored"><i class="fa fa-calendar fa-fw"></i></br> Calendar</a></li>

<li> <a href="{$mybb->settings['bburl']}/calendar.php" class="colored"><i class="fa fa-calendar fa-fw"></i></br> Calendar</a></li>
3 różne z różnymi kolorami to w globalu muszę dać
tylko to co niżej? czy jeszcze coś dodatkowo do tych 3 kodów powyżej dopisać do global.css

.colored {
color: #hex;
}
19.03.2016, 02:47 (Ten post był ostatnio modyfikowany: 19.03.2016, 02:47 przez Divir.)
#12
Żeby mieć 3 rózne linki do kalendarza o innym kolorze?
<li> <a href="{$mybb->settings['bburl']}/calendar.php" class="red"><i class="fa fa-calendar fa-fw"></i></br> Calendar</a></li>
<li> <a href="{$mybb->settings['bburl']}/calendar.php" class="green"><i class="fa fa-calendar fa-fw"></i></br> Calendar</a></li>
<li> <a href="{$mybb->settings['bburl']}/calendar.php" class="blue"><i class="fa fa-calendar fa-fw"></i></br> Calendar</a></li>

css:
.red   { color: #ff0000 }
.green { color: #00ff00 }
.blue  { color: #0000ff }
Nie rozumiem zbytnio o co dokładnie pytasz.
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.
19.03.2016, 10:07 (Ten post był ostatnio modyfikowany: 19.03.2016, 10:08 przez kdmm.)
#13
Nie nie 3x kalendarz ja przerobie te linki pod przekierowania na podstrony i nadam im inna nazwę wiesz? ale tylko pytam co mam dać w css

A właśnie najważniejszego się nie zapytałem :D jak wstawić link przekierowujący do strony jakiejś ale przekierowujący na nową zakładkę przeglądarki nie na stronę główną
<li> <a href="{$mybb->settings['bburl']}/calendar.php" class="red"><i class="fa fa-calendar fa-fw"></i></br> Calendar</a></li>
<li> <a href="link"
tak? i reszta zostaje? co do linku... a co do otwierania strony w nowym oknie? jaki kod dodać
19.03.2016, 10:19
#14
Jeśli każdy z trzech linków ma mieć inny styl (czyli kolor) to każdy z nich musi mieć inną klasę przypisaną - przykład podał Ci divir. Potem w global.css musisz te trzy klasy opisać.
3 różne elementy = 3 różne klasy.

Do otwierania w nowym oknie/karcie służy parametr target.
http://www.w3schools.com/tags/att_a_target.asp
Przykład masz w linku, nie powinno Ci to sprawić problemu.
"Try not. Do... or do not. There is no try."
Poświęć 5 minut. Nie bądź ignorantem!  -  Jak zbadać element?
19.03.2016, 12:46
#15
Btw jak nie chcesz robic sobie setek klas to mozesz uzyc nth-child w css.
http://www.w3schools.com/cssref/sel_nth-child.asp
https://developer.mozilla.org/en/docs/We...:nth-child
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.



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

1 gości