ROZWIĄZANY: Statystyki w ramce

[Rekonstruktor]

Hej, w jaki sposób mogę zrobić takie obramowanie

w podstawowym stylu IPB ?

[teez]

.statistics_head w ipbstyless.css dodajesz obramowanie tak jak wyżej, może być użycie backgroundu + kolor. W .statistics dodajesz border: solid 1px #kolor.

Daj link do tego forum gdzie to masz to Ci podam gotowy kod.

[teez]

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.

[teez]

Efekt:

Pliki wrzuć do

FTP -> public -> style_images -> twój styl -> Tu.

master.rar

Edytowane 7 Października 2012 przez TeeZ

[Rekonstruktor]

Teez, czy da się zrobić to samo z Sidebar'em ?

Żeby był w identycznej obramówce.

[Rekonstruktor]

Ok, zrobione - i statystyki i sidebar - do zamknięcia.

Dzięki.

[Jakub]

Problem ROZWIĄZANY. Jeśli są jakiekolwiek wątpliwości, pytania proszę o wysłanie wiadomości do jednego z członków ekipy zarządzającej.

Wszelkie uzasadnione reklamacje/pretensje/sugestie/rady przyjmuje ekipa forum.