Pasek nowości, na górze forum.

Łukasz |

Pasek nowości pod nagłówkiem, w którym można umieścić dowolny tekst.

Zrzut ekranowy paska nowości

Zrzut ekranowy paska nowości

Stworzenie paska lub pasków nowości(takich jak na grafice poniżej) jest bardzo proste i szybkie do wykonania. Na samym początku musimy dodać kod CSS do pliku global.css, w tym celu na samym początku logujemy się do panelu administratora. Z menu wybieramy Style i szablony a następnie z bocznego menu style. Wybieramy nasz styl graficzny, poprzez kliknięcie na nazwę stylu, a następnie wybieramy arkusz global.css. Wybieramy zakładkę Edytuj CSS: tryb zaawansowany i dodajemy kod:

.pasek_nowosci{
background: #0090DF;
border-top: 2px solid #00486F;
border-bottom: 2px solid #00486F;
margin: 11px auto;
padding: 6px 20px;
text-align: center;
color: #fff;
}

Pasek wyświetlany globalnie

Aby pasek nowości wyświetlał się na wszystkich podstronach musimy dodać kod html do szablonu header. W panelu administratora wybieramy style i szablony, a następnie szablony. Wybieramy nasz styl, później Nagłówek – Szablony, a następnie header, do którego dodajemy poniższy kod:

<div class="pasek_nowosci">Tutaj wpisz treść, które wyświetli się na pasku</div>

przed kodem:

Pasek wyświetlany tylko na stronie głównej.

Aby pasek nowości wyświetlał się na wszystkich podstronach musimy dodać kod html do szablonu index. W panelu administratora wybieramy style i szablony, a następnie szablony. Wybieramy nasz styl, później Strona główna – Szablony, a następnie index, do którego dodajemy poniższy kod:

<div class="pasek_nowosci">Tutaj wpisz treść, które wyświetli się na pasku</div>

po kodzie:

{$header}

Kilka pasków nowości na forum

W celu dodania kilku pasków w różnych kolorach musimy dodać powyższy kod CSS także do global.css, lecz należy zmienić klasę  pasek_nowosci na np. pasek_nowosci_2 oraz wartości dla cech CSS.

Tak samo w przypadku kod html, wstawianego do szablonu, musimy klasę pasek_nowosci zmienić na wcześniej zdefiniowaną klasę.







komentarzy 7 »
  1. Cybul (18 czerwca 2009, 22:35 ) #

    Bardzo przydatne i łatwe w wykonaniu. Teraz nie jest potrzebna wtyczka od ogłoszeń. 🙂

  2. Joana (14 marca 2010, 16:53 ) #

    Można też ładnie dodać w
    …..
    🙂

  3. qba (16 czerwca 2010, 17:28 ) #

    Nie działa.

  4. Łukasz (16 czerwca 2010, 21:53 ) #

    @qba: tysiące osób korzysta z tego sposobu i wszystko działa. Opisz dokładnie to na forum.mybbsite.pl i rozwiążemy problem.

  5. Pan zUa (6 lipca 2010, 11:01 ) #

    A ja nadal nie wiem jak dodać to ogłoszenie. 🙁

  6. Pan zUa (6 lipca 2010, 12:01 ) #

    Dobra już wiem. Szkoda że nie działa url.

  7. TuQ (9 października 2011, 11:13 ) #

    Banalene… Dzięki… bo pluingi mi nie chciały działać a to jest idealne.

Dodaj komentarz

XHTML: Możesz użyć tagów: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>


Prosimy nie zgłaszać swoich problemów poprzez komentarze! W przypadku problemów zapraszamy nasze forum.

Serwis MyBBsite.pl wykorzystuje cookies. Korzystanie z witryny oznacza zgodę na ich zapis lub wykorzystanie, więcej informacji w polityce prywatności
Akceptuję politykę prywatność, zamknij informację