Skocz do zawartości
  • Przeglądający   0 użytkowników

    Brak zarejestrowanych użytkowników, przeglądających tę stronę.

SimLay

Projekt MyFlatBoard2 - MyBB. Responsywny szablon

Promowane odpowiedzi

Witajcie,
Po dość ciężkim początku z flat designem postanowiłem stworzyć drugi styl na nim oparty. 
 
Jest on responsywny dopasowując się idealnie do max. 4,5 calowego telefonu (niestety nie potrafiłem osiągnać lepszego efektu)
Układ elementów w profilu jest inspirowany stylem wyszukanym w internecie (Postaram sie dać nazwe gdy tylko znajde)
 
Demo
https://odjechani.com.pl (Tylko na pewien okres)
User: MyBBoard.pl
Hasło: mybboard
 
===============
POBIERZ: MyFlatBoard2.rar
==============
 
Serdecznie podziękowania dla admina forum za demo, przepraszam za nazwe usera, ale myślę, że to nie problem ;)
W Panelu usera posypał się pewien plugin, ale to dlatego, że nie byłem na niego przygotowany w najbliższym czasie postaram się go dopasować i zaaktualizować download.

Jak dodać ikonki do kategorii?

1. Sprawdzamy ID kategorii i zapisujemy w dowolnym miejscu np. notatniku. Można to zrobić:
  • Najeżdzając na nazwe kategorii a w lewym dolnym rogu wyskoczy nam:
    http://NaszeForum.pl/forumdisplay.php?fid=1
    Gdzie cyfry na końcu oznaczają id działu, w tym przypadku 1.
  • Wchodzimy w ACP > Działy i sprawdzamy id w ten sam sposób.
 
 
2. Przechodzimy na http://fontawesome.io/icons/ i szukamy interesującej nas ikony, gdy znajdziemy klikamy na nią i szukamy Unicode i również zapisujemy.
 
3. Przechodzimy do ACP>Style i Szablony>Nazwa Szablonu>Thead-icon.css i na końcu wprowadzamy następującą zawartość:
.ti-ID-DZIAŁU:before {
content: "\UNICODE-IKONY";
}

Gotowe!

 

1.png2.png

4.png

5.png

3.png

  • Lubię to! 7

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

Nie trzeba być wybitnym geniuszem aby zgadnąć jakim stylem się inspirowaleś :)

  • Lubię to! 1

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
9 godzin temu, rogue napisał:

Nie trzeba być wybitnym geniuszem aby zgadnąć jakim stylem się inspirowaleś :)

Nie wiem o który styl ci chodzi, ale poświece kilka minut aby wyjaśnić jak powstawał ten styl podczas mojego planowania, aby potem nie było nie dopowiedzeń 

 

Otóż tak: Od samego początku chciałem zrobić styl podobny do tego jaki zrobiłem dla sieci ExSkill. Mając tamten projekt chciałem go dopracować, aby pasował do flata. W głowie miałem stos pomysłów, więc postanowiłem odpalić gimpa i zacząć tworzyć "projekt wstępny"(nazywam to tak gdyż tego nawet layoutem nie było można nazwać ze względu na to iż grafika to nie jest moja mocna strona). Czarno pomarańczową kolorystykę zamieniłem na przyjemną dla oka biało niebieską, pobierając kolory z pierwszej strony jaka mi wyskoczyła w google po wpisaniu "flat colors", po kilku minutach namysłu postanowiłem zmienić na header gdyż osobiście niezbyt mi pasował obecny, szukając troche inspiracji po google grafice, postanowiłem stworzyć coś co obecnie jest używane w stylu. Z racji iż javascript mam dopiero w planach się uczyć postanowiłem zrobić wysuwany panel za pomocą darmowego udostępnionego w internecie sposobu(Nie czerpie z tego stylu korzysci majątkowych więc chyba nie jest to jakieś okropne rozwiązanie). Przeglądając projekt kilka razy postanowiłem zmienić kilka elementu takich dodając zamiast niektórych rzeczy awesome icons. Do stopki postanowilem dodać niższą belke, aby wyglądało to bardziej elegancko(?) i umieścić tam informacje o autorze stylu i silnika. Jeśli chodzi o posty to tutaj nie ma nic do rozpisywania jest to mój pomysł(Który pewnie nie można nazwać moim bo ktoś tak wcześniej pewnie zrobił :v), inspiracje na schemat profilu zostały wyszukane w internecie i lekko dostosowane do moich koncepcji. Nawiązując do social mediów w stopce zainspirowałem się ich wyglądem ze stylu Domyślny(Beta) na Odjechanych.

@Salva Wybacz, ale nie chciałem się narzucać adminowi i prosić o robienie specjalnie konta wiec wziąłem to które było do "testów"

 

 

Edytowane przez CichySmiley

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Tylko zarejestrowani użytkownicy mogą komentować zawartość tej strony.

Utwórz konto

Utwórz konto. To darmowe i bardzo proste!

Zarejestruj nowe konto

Zaloguj się

Posiadasz już konto? Zaloguj się tutaj.

Zaloguj się teraz


×