+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: Jak wstawić na swoją stronę pasek informacyjny na dole ekranu (/thread-jak-wstawic-na-swoja-strone-pasek-informacyjny-na-dole-ekranu)
Jak wstawić na swoją stronę pasek informacyjny na dole ekranu - bestmen - 27-04-2010
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
RE: Jak wstawić na swoją stronę pasek informacyjny na dole ekranu - ILIES - 27-04-2010
raczej nie ten dział,
pozycjonowanie absolutne powinno rozwiązać twój problem, jak dobrze pamiętam
RE: Jak wstawić na swoją stronę pasek informacyjny na dole ekranu - Pedro84 - 27-04-2010
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.
RE: Jak wstawić na swoją stronę pasek informacyjny na dole ekranu - bestmen - 30-04-2010
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;
}
RE: Jak wstawić na swoją stronę pasek informacyjny na dole ekranu - Pedro84 - 30-04-2010
Do swojego stylu?
RE: Jak wstawić na swoją stronę pasek informacyjny na dole ekranu - R_Rafalsky - 30-04-2010
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
