Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
Jak wstawić na swoją stronę pasek informacyjny na dole ekranu
#1
Witam
Chciałbym umieścić na swojej stronce pasek informacyjny na dole strony który po przesunięciu strony zawsze był by w tym samym miejscu tzn. na dole jak np: http://www.gadudodatki.pl/skiny/
Proszę o podpowiedź a najlepiej jakiś kod gotowy do wstawienia na stronkę
pozdrawiam
Odpowiedz
#2
raczej nie ten dział,
pozycjonowanie absolutne powinno rozwiązać twój problem, jak dobrze pamiętam
cały czas się czegoś uczę
mogę palnąć jakąś głupotę Tongue
Odpowiedz
#3
Temat o kotkach umieściłbyś w dziale dla piesków?

Hehe, gotowy kod? A ile oferujesz? Żałosny temat. Odpowiednie pozycjonowanie + javascript dla slidera rozwiąże Twój problem.
Odpowiedz
#4
Witam
Chciałbym umieścić na swojej stronce pasek informacyjny na dole strony który po przesunięciu strony zawsze był by w tym samym miejscu tzn. na dole jak np: http://www.gadudodatki.pl/skiny/
Proszę o podpowiedź a najlepiej jakiś kod gotowy do wstawienia na stronkę
oto mój css bo nie wiem gdzie ewentualnie kod wstawić
pozdrawiam
css:

/* CSS Basic Document */
body
{
margin:0px auto;
padding:0px;
background-color:#000000;
}
.gorna_tabela
{
margin-left:0px;
}
.gorna_listwa
{
background:url(../images/gorna_listwa.jpg) center top no-repeat;
height:20px; width:780px;
}
.best
{
background:url(../images/best.jpg) center top no-repeat;
height:420px; width:776px;
}
.bestpod
{
background:url(../images/bestpod.jpg) center top no-repeat;
height:50px; width:776px;
}
.prostokatA
{
background:url(../images/prostokatA.jpg) left top no-repeat;
height:137px;
padding:0px;
}
.prostokatB
{
background:url(../images/prostokatB.jpg) left top no-repeat;
height:137px;
padding:0px;
}
.prostokatC
{
background:url(../images/prostokatC.jpg) left top no-repeat;
height:137px;
padding:0px;
}
.srodek_strony
{
margin-top:10px;
margin-bottom:12px;
}
.left_line
{
border-left:1px solid #333333;
}
.right_line
{
border-right:1px solid #333333;
}
.bottom_line
{
border-bottom:1px solid #333333;
}
.dol
{
margin-bottom:10px;
}




/* CSS Background Image Document */
.top_line
{
background:url(../images/line_bg.jpg) left top repeat-x;
height:4px;
}
.top_menu_bg
{
background:url(../images/top_menu_bg.jpg) left top repeat-x;
height:26px;
padding-right:12px;
}
.bottom_menu_bg
{
background:url(../images/bottom_nenu_bg.jpg) left top repeat-x;
height:22px;
padding-right:13px;
}
.napis1
{
background:url(../images/napis1.jpg) left top repeat-x;
height:32px;
}
.dol_srodka
{
background:url(../dol_srodka.jpg) left top no-repeat;
height:50px;
}




/* CSS Text Document */
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: 14px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #FFFFFF;
text-decoration: none;
}
.menu_link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: 26px;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #ffffff;
background-color:inherit;
text-decoration: none;
}
.menu_link:hover
{
color:#C70202;
text-decoration:none;
background-color:inherit;
}
.bottom_link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
line-height: 22px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #FFFFFF;
background-color:inherit;
text-decoration: none;
}
.bottom_link:hover
{
color:#C6C6C6;
text-decoration:underline;
background-color:inherit;
}
.white_text
{
color:#FFFFFF;
text-decoration:none;
background-color:inherit;
}
.body_link
{
color:#5C5C5C;
text-decoration:underline;
background-color:inherit;
}
.body_link:hover
{
text-decoration:none;
color:#212121;
background-color:inherit;
}
Odpowiedz
#5
Do swojego stylu?
Odpowiedz
#6
Dla diva, którego chcesz wyświetlić na dole strony dodajesz takie style:

Kod:
position: fixed;
bottom: 0;

Przykładowo dla diva o id footer:

Kod:
#footer{
position: fixed;
bottom: 0;}

Nie ten dział szefie Smile
Jak pomogłem daj '+'. To nie boli, a ja mam satysfakcję Smile

Any sufficiently advanced technology is indistinguishable from magic.
Odpowiedz


Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  Jak założyć stronę www samemu dariusz.zbin 19 15,891 31-10-2022, 02:53
Ostatni post: wozniak
  zapłata za stronę Nicorrtiss 22 20,001 17-06-2021, 04:09
Ostatni post: wozniak
  Czym mógłbym się zająć i jak pogłębić swoją wiedzę ? namite 7 7,169 28-03-2017, 16:47
Ostatni post: sskijop
  Jak dopasować własną strone do Prestashop Witek7777 0 2,630 06-06-2015, 22:10
Ostatni post: Witek7777
  [CSS][HTML] Jak wycentrować strone Witek7777 3 4,630 27-05-2015, 14:43
Ostatni post: Kartofelek

Skocz do:


Użytkownicy przeglądający ten wątek:
Sponsorzy i przyjaciele
SeoHost.pl