Fotografika | Foto forum

Prezentacja / Web & Design => Reklama - zobacz i oceń moją stronę => Wątek zaczęty przez: andreoid Marzec 17, 2007, 20:21:12



Tytuł: Twój baner w nagłówku forum
Wiadomość wysłana przez: andreoid Marzec 17, 2007, 20:21:12
Informacja i zasady używania

  • Limitowana ilość miejsc w nagłówku gdzie wyświetlane są banery - 15 pozycji
  • Tylko właściciele stron internetowych o tematyce fotograficznej mogą dodać baner swojej strony o wymiarze 468px x 60 px,
    pod warunkiem że na stronie głównej danego serwisu (strony domowej lub galerii),
    zostanie umieszczony w widocznym miejscu link do tego forum.
  • Niniejszy link wygenerowany jest za pomocą CSS i nie posiada żednej grafiki
  • Kod HTML wklej w dowolnym miejscu na stronie startowej (głównej) między tegami <body> i </body> 
    - proszę nie mylić strony startowej z Intro
Kod:
<a href="http://www.fotoan.com/" target="_blank" class="menulink">Serwis fotograficzny</a>

  • Natomiast kod CSS, wklej między tegami  <head> i </head> 
Kod:
<style type="text/css">
<!--
a.menulink:link, a.menulink:visited {
background-color:#999999;
display: block;
width: 120px;
padding: 3px;
text-align: center;
text-decoration: none;
font-family:arial;
font-size:12px;
color: #000000;
border: solid 1px #000;
}
a.menulink:hover {
border: solid 1px #9B0000;
background-color:#FF2D2D;
color: #fff;
}
-->
</style>
  • lub w odpowiednim pliku CSS generującym szablon (templates) danej strony internetowej
  • przykładowy format linku tutaj (http://4images.fotoan.com/link.html)
  • Kolorystykę tego linku można dopasować do własnego szablonu strony i tak:
    • a.menulink:link, a.menulink:visited { - link w stanie mormalnym (nie zmieniać)
      background-color:#999999; - tło przycisku w stanie normalnym
      display: block; - nie zmieniać
      width: 120px; - nie zmieniać
      padding: 3px; - nie zmieniać
      text-align: center; - nie zmieniać
      text-decoration: none; - nie zmieniać
      font-family:arial; - nie zmieniać
      font-size:12px; - nie zmieniać
      color: #000000; - kolor czcionki w stanie normalnym
      border: solid 1px #000; - kolor ramki przycisku w stanie normalnym
      }
    • a.menulink:hover { - link w stanie rollover (w momencie kiedy "gryzoń" najechał na link - nie zmieniać)
      border: solid 1px #9B0000; - kolor ramki przycisku w stanie rollover
      background-color:#FF2D2D; - kolor tła przycisku w stanie rollover
      color: #fff; - kolor czcionki w stanie rollover
      }
  • Po zainstalowaniu linku na stronie głównej, w tym wątku tworzymy nowy temat (tytuł np. fotoan.com - serwis fotograficzny) i wpisujemy w nim Link do stron oraz link do grafiki banera, dodając krótki opis dla odwiedzających (przykład tutaj (http://www.fotoan.com/component/option,com_smf/Itemid,19/topic,116.msg479#msg479))
  • W ciągu 24 godzin link zostanie przeniesiony do nagłówka
  • W przypadku kiedy limit listy zostanie wyczerpany, wątek zostanie zablokowany, co będzie odpowiadać braku miejsc na liście
  • Kiedy któryś z użytkowników zlikwiduje link na stronie głównej swojego serwis (strony domowej lub galerii), automatycznie jego baner i jego temat w tym wątku zostanie usunięty.
    Wątek zostanie ponownie aktywowany, co oznaczać będzie wolne miejsce na liście
  • Każda strona musi posiadać własny temat, co umożliwi odwiedzającym swobodne komentowanie danej strony.
Zapraszam wszystkich webmasterów serdecznie.