Choinka wychodząca z lewej strony forum

[Gość Feezy]

Witajcie,

http://wklej.to/lvLPK

 

chciałbym na swoim forum dodać choinkę, która wystaje z lewej części forum. Wiem, że do tego potrzebne jest ipb_styles.css, więc wyżej dodałem.

 

/public/choinka.jpg

 

http://prntscr.com/5dru0e

 

Ma ona tylko wystawać, a nie być widoczna w całości.

[DawPi]

Skoro chcesz to sobie dodaj. Nie rozumiem - mamy wykonać za Ciebie, bo Tobie się poszukać nie chce gotowego skryptu na wysuwanie, potem wstawić swój i dodać do globalTemplate?
Wiem, że dziś Mikołaj, ale bez przesady.

[Gość Feezy]

Skoro chcesz to sobie dodaj. Nie rozumiem - mamy wykonać za Ciebie, bo Tobie się poszukać nie chce gotowego skryptu na wysuwanie, potem wstawić swój i dodać do globalTemplate?

Wiem, że dziś Mikołaj, ale bez przesady.

Nie wiem gdzie szukać, nie wiem czego szukać i nie wiem jak.

[tenechu]

Zmodyfikuj tylko pod Siebie, działa to na zasadzie slidera z FB. 1 minuta szukania w google, to taka wyszukiwarka www.google.pl

<style type="text/css">
#tab {
   width: 200px;
   height: 300px;
   position: fixed;
   top: 100px;
   background-color: #fff;
   border: 5px solid #3B5997;
   left: -210px;
   -webkit-transition: left 0.5s ease-out;
   -moz-transition: left 0.5s ease-out;
   -o-transition: left 0.5s ease-out;
   transition: left 0.5s ease-out;

}
#tab:after{
   content: url('http://www.no-limit.pl/przycisk.png');
   position: absolute;
   right: -32px;
   top: -5px;
   cursor: pointer;
}

#tab:hover {
   left: 0;
}
</style>
<div id="tab">Tutaj dowolna treść</div>

[Gość Feezy]

 

Zmodyfikuj tylko pod Siebie, działa to na zasadzie slidera z FB. 1 minuta szukania w google, to taka wyszukiwarka www.google.pl

<style type="text/css">
#tab {
   width: 200px;
   height: 300px;
   position: fixed;
   top: 100px;
   background-color: #fff;
   border: 5px solid #3B5997;
   left: -210px;
   -webkit-transition: left 0.5s ease-out;
   -moz-transition: left 0.5s ease-out;
   -o-transition: left 0.5s ease-out;
   transition: left 0.5s ease-out;

}
#tab:after{
   content: url('http://www.no-limit.pl/przycisk.png');
   position: absolute;
   right: -32px;
   top: -5px;
   cursor: pointer;
}

#tab:hover {
   left: 0;
}
</style>
<div id="tab">Tutaj dowolna treść</div>

Wrzuciłem do ipb_style.css, podmieniłem na swoje i nie działa

[tenechu]

A to dodałeś do bitu globalTemplate ?

 

<div id="tab">Tutaj dowolna treść</div>

[Gość Feezy]

A to dodałeś do bitu globalTemplate ?

 

<div id="tab">Tutaj dowolna treść</div>

Już sobie z tym poradziłem.

Co zmienić w 

 position: absolute;

żeby ta choinka poruszała się wraz z przesuwaniem forum w dół?

[tenechu]

http://www.w3schools.com/cssref/pr_class_position.asp