Skocz do zawartości
"Idzie nowe..." - o zmianach i nie tylko ×
Przeniesienie zakupów z IPS Marketplace / Moving bought items from IPS Marketplace ×
Hosting webh.pl - 20%

teez

Użytkownik
 Pokaż profil  Zobacz aktywność

  • Postów

    2 077

  • Dołączył

  • Ostatnia wizyta

  • Wygrane w rankingu

    10

 Typ zawartości 

Odpowiedzi opublikowane przez teez

    Dodanie ramki do okoła statystyk

    w Tutoriale i porady

    Opublikowano

    Efekt :

    post-10765-0-62062300-1349598055_thumb.p

    Jak to zrobić?

    Znajdź w ACP -> Wygląd -> Styl -> CSS -> ipbstyless.css

    #board_stats ul { text-align: center; }
 #board_stats li { margin-right: 20px; }
 #board_stats .value {
		 display: inline-block;
		 background: #e2e2e2;
		 color: #4a4a4a;
		 padding: 2px 6px;
		 font-weight: bold;
		 -moz-border-radius: 2px;
		 -webkit-border-radius: 2px;
		 border-radius: 2px;
		 margin-right: 3px;
 }
.statistics {
 margin: 20px 0 0 0;
 padding: 10px 0;
 border-top: 3px solid #d8d8d8;
 line-height: 1.3;
 overflow: hidden;
}
 .statistics_head {
		 font-size: 14px;
		 font-weight: bold;
 }

    Zamień na

    #board_stats ul { text-align: center; }
 #board_stats li { margin-right: 20px; }
 #board_stats .value {
		 display: inline-block;
		 background: url('{style_images_url}/trans10.png') repeat;
		 background: rgba(0,0,0,0.1);
		 color: #222;
		 text-shadow: rgba(255,255,255,0.6) 0px 1px 0px;
		 padding: 3px 7px;
		 font-weight: bold;
		 -moz-border-radius: 3px;
		 -webkit-border-radius: 3px;
		 border-radius: 3px;
		 margin-right: 3px;
		 -webkit-box-shadow: inset rgba(0,0,0,0.3) 0px 1px 2px, rgba(255,255,255,1) 0px 1px 0px;
		 -moz-box-shadow: inset rgba(0,0,0,0.3) 0px 1px 2px, rgba(255,255,255,1) 0px 1px 0px;
		 box-shadow: inset rgba(0,0,0,0.3) 0px 1px 2px, rgba(255,255,255,1) 0px 1px 0px;
 }
.statistics {
 margin: 20px 0 0 0;
 padding: 8px;
 line-height: 1.3;
 overflow: hidden;
 border: 1px solid #d8d8d8;
}
 .statistics_head {
		 border-bottom: 1px solid #d8d8d8;
		 border-top: 1px solid #d8d8d8;
		 text-shadow: rgba(255,255,255,0.8) 0px 1px 0px;
		 background: #eee url('{style_images_url}/highlight.png') repeat-x 0 0;
		 font-size: 11px;
		 font-weight: bold;
		 padding: 8px;
		 margin: -8px -8px 8px -8px;
 }

 .statistics_head,
 .statistics_head a{
		 color: #727272;
 }

 .statistics .statistics_head:first-of-type{
		 border-top: 0;
 }

 .statistics .statistics_head:not(:first-of-type){
		 margin-top: 0;
 }

    master.rar

    Pliki z załącznika wrzucamy do :

    FTP -> public -> style_images -> nazwa katalogu z obrazkami twojego stylu -> tu.

    • Lubię to 1

    ROZWIĄZANY: Statystyki w ramce

    w Style - pomoc

    Opublikowano

    Znajdź w ACP -> Wygląd -> Styl -> CSS -> ipbstyless.css

    #board_stats ul { text-align: center; }
   #board_stats li { margin-right: 20px; }
   #board_stats .value {
       display: inline-block;
       background: #e2e2e2;
       color: #4a4a4a;
       padding: 2px 6px;
       font-weight: bold;
       -moz-border-radius: 2px;
       -webkit-border-radius: 2px;
       border-radius: 2px;
       margin-right: 3px;
   }

.statistics {
   margin: 20px 0 0 0;
   padding: 10px 0;
   border-top: 3px solid #d8d8d8;
   line-height: 1.3;
   overflow: hidden;
}

   .statistics_head {
       font-size: 14px;
       font-weight: bold;
   }

    Zamień na

    #board_stats ul { text-align: center; }
   #board_stats li { margin-right: 20px; }
   #board_stats .value {
       display: inline-block;
       background: url('{style_images_url}/trans10.png') repeat;
       background: rgba(0,0,0,0.1);
       color: #222;
       text-shadow: rgba(255,255,255,0.6) 0px 1px 0px;
       padding: 3px 7px;
       font-weight: bold;
       -moz-border-radius: 3px;
       -webkit-border-radius: 3px;
       border-radius: 3px;
       margin-right: 3px;
       -webkit-box-shadow: inset rgba(0,0,0,0.3) 0px 1px 2px, rgba(255,255,255,1) 0px 1px 0px;
       -moz-box-shadow: inset rgba(0,0,0,0.3) 0px 1px 2px, rgba(255,255,255,1) 0px 1px 0px;
       box-shadow: inset rgba(0,0,0,0.3) 0px 1px 2px, rgba(255,255,255,1) 0px 1px 0px;
   }

.statistics {
   margin: 20px 0 0 0;
   padding: 8px;
   line-height: 1.3;
   overflow: hidden;
   border: 1px solid #d8d8d8;
}

   .statistics_head {
       border-bottom: 1px solid #d8d8d8;
       border-top: 1px solid #d8d8d8;
       text-shadow: rgba(255,255,255,0.8) 0px 1px 0px;
       background: #eee url('{style_images_url}/highlight.png') repeat-x 0 0;
       font-size: 11px;
       font-weight: bold;
       padding: 8px;
       margin: -8px -8px 8px -8px;
   }

   .statistics_head,
   .statistics_head a{
       color: #727272;
   }

   .statistics .statistics_head:first-of-type{
       border-top: 0;
   }

   .statistics .statistics_head:not(:first-of-type){
       margin-top: 0;
   }

    Za moment dam download tego highlight. Zrobię ogólny poradnik.

    • Ta odpowiedź cieszy się zainteresowaniem.
    • Ta odpowiedź cieszy się zainteresowaniem.

    MoonSkin 3.3 Pro Dark Skins

    w Style

    Opublikowano

    Nazwa pliku: MoonSkin 3.3 Pro Dark Skins

    Autor: TeeZ

    Data wysłania: 06 paź 2012

    Kategoria: Style i grafika

    Wspierana wersja IP.Board: 3.3.4

    Zacznę pierw od tego, że mam za przeproszeniem w d*pie co myślą o moich pracach osoby, które same nic nie robią, a tylko krytykują pozostałych. Będę nadal tworzył skiny, czy Wam to się podoba, czy też nie. Dla mnie jest to nowe doświadczenie, a przy okazji uczę się języka CSS. Dzięki!.

    pre_1349552438__ogolny.png

    Mój drugi autorski skin, tworzony od zera. Z racji braku inspiracji zacząłem eksperymentować z przeźroczystością tabel. Bardzo mi to przypadło do gustu, po czym zrobiłem tak większość forum.Zmieniłem również całą czcionkę. Przy okazji poznałem właściwości box-shadow, które również użyłem w szablonie. Styl jest na tyle uniwersalny, z racji takiej, że po zmianie tła na inny tematycznie, jest w stanie przystosować się do niej, chociaż może potrzebować małej edycji.

    pre_1349552197__logo.png

    Nie chciałem zostawić zwykłego loga. Zastosowane w w/w skinie po najechaniu na niego kursorem płynnie się obraca, a następnie wraca do swojego pierwotnego stanu. Dodatkowo dodałem do tego przeźroczystość, która również z czasem zmienia się. Wygląda to bardzo efektywnie.

    pre_1349552296__menu.png

    Menu w którym zastosowane są zmiany tła w krótkim okresie czasu, podczas przejścia na daną zakładkę. Dodatkowo zastosowane cień tekstu oraz przeźroczystość. W pasku umieściłem skrót do wyszukiwarki.

    pre_1349552621__profil.png

    W profilu użyłem przeźroczystego maintitle z poświatą w okół, boczne menu ( Friends, Topics, Posts [..] ) zmieniłem jedynie kolorem oraz usunąłem animację. Zedytowałem również okienko z aktualizacją statusu, aby bardziej upodabniało się do reszty skina.

    pre_1349552721__profilmaly.png

    Przeźroczyste tło wraz z podświetlonym maintitle. Dodatkowo poświata w okół avataru. :)

    pre_1349552805__profilpub.png

    Zmieniłem całkowicie widok panelu użytkownika. Skasowałem tło oraz dodałem cień.

    pre_1349552851__quote.png

    Dobitna zmiana cytatów. Dodatkowo po najechaniu kursorem płynnie rozświetla się.

    pre_1349552960__temat.png

    Mój ulubiony fragment. Po dłuższej pracy otrzymałem taki efekt. Dodane podświetlenie w okół przeźroczystego maintitle oraz avatarów, zmienione buttony. Przeźroczyste tło postów oraz informacji o autorze.

    pre_1349553032__wyszukiwanie.png

    Pobierz plik

    • Lubię to 5

    ROZWIĄZANY: Przenoszenie tematow/postów/userów?

    w Ogólny support IPB

    Opublikowano · Edytowane przez semenedar
    Bez zbędnej wojenki proszę. Gdy Ci ktoś zwraca słusznie uwagę, to go nie atakuj.

    DawPi konwerterem z IPS'u da radę bez problemu. Robiłem to już w następujący sposób forum A3.1.4 zaaktualizowałem do wersji forum B3.2.3 i wtedy na localu przez konwerter zrzuciłem użytkowników, posty oraz tematy i inne duperele. Wszystko przebiegło bez żadnych zakłóceń.

    • Lubię to 1

    Profil

    w Style - pomoc

    Opublikowano

    background: { background-image:http://www.forum-leagueoflegends.eu/public/style_images/league_of_legends/maintitle.png };

    A efekt jest taki że belka znikła i został sam napis

    Dziwisz się? :blink:

    spróbuj:

        background: url({style_images_url}/obrazek.rozszerzenie ) repeat scroll 0 0 #000000;

    /obrazek.rozszerzenie wrzuć do ftp -> public -> style_images -> katalog obrazków twojego stylu -> TU

    • Lubię to 2
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę.