Kako izmeniti boju footera?
-
Pozdrav.
Instalirao sam temu. I sada bih htio da izmenim boju pozadine footera.
Gledao sam style.css i ne bih htio da šta zeznem.
Boja je crna a ja bih htio u narandžastu da promjenim.
-
Uzmi neki color picker i vidi koja je tačno boja footera. Onda u css fajlu pronađi izameni hex vrednost te boje sa hex (ili rgb) vrednošću boje koju želiš da postaviš. Deo gde je to će verovatno sadržati reč „footer“ (primer #footer, .footer ili nešto slično). Bez adrese sajta to je najviše što mogu da ti kažem.
Hajde ovako da vam olakšam
/* = Footer/Copyright /*-----------------------------------------------------------------------------------*/ #footer{ background:#333 url(images/footer-bg.png) repeat; padding: 0 30px; width: 920px; margin: 0 auto; margin-bottom: 20px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; color: #666; } #footer a{ color: #999; text-decoration: none; } #footer a:hover{ color: #f04f44; } /*footer widgets*/ #footer-widget-wrap{ margin-bottom: -30px; overflow: hidden; } #footer-left, #footer-middle, #footer-right{ float: left; width: 280px; margin-top: 30px; } #footer-right{ } #footer-middle{ margin-left: 40px; margin-right: 40px; } #footer-right{ } .footer-widget{ color: #666; margin-bottom: 30px; } .footer-widget h4{ color: #fff; font-size: 12px; margin: 0 0 20px; } .footer-widget li{ padding: 10px 0; border-bottom: 1px solid #333; } .footer-widget li:first-child{ border-top: 1px solid #333; } /*flickr widget footer*/ #footer .bizz-flickr-widget li{ border: 0px; padding: 0px; } #footer .bizz-flickr-widget{ margin-right: -4px; } #footer .bizz-flickr-widget a{ float: left; width: 57px; height: 57px; margin-right: 4px; margin-bottom: 4px; border: 5px solid #333; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #footer .bizz-flickr-widget a:hover{ border-color: #ef4034; } #footer .bizz-flickr-widget img{ display: block; width: 57px; height: 57px; } /*footer bottom*/ #footer-bottom{ background:#212121; border-top: 1px solid #000; margin: 0 -30px; margin-top: 30px; padding: 10px 30px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } #copyright { float: left; width: 820px; font-size: 10px; color:#666; } #back-to-top{ width: 100px; float: right; text-align: right; } /*-----------------------------------------------------------------------------------*
Verovatno treba da menjaš „#footer{“ i „#footer-bottom{“ delove.
Deo:
background:#333 url(images/footer-bg.png) repeat;
#333 je hex vrednost neke sive nijanse ali preko nje ide slika images/footer-bg.png pa pogedaj i ta slika na šta liči.
Deo:
color: #666;
„color“ je boja teksta u footeru ovde a #666 je (valjda) svetlija nijansa sive
(#footer-bottom)
Deo:
background:#212121;
Boja pozadine donjeg dela futera, tamna siva.
Deo:
border-top: 1px solid #000;
Gornja ivica 1px puna linija #000 je crna boja.
Promeni navedene hex vrednosti u one koje želiš i trebalo bi da izgleda kako si zamislio. Ipak, ovo je sve nagađanje, kao što rekoh, bez adrese sajta ne mogu ništa precizno da kažem 🙂
Nisam stavio adresu jer je preko localhosta. Malo mi je jasnije ovo o čemu pričaš. Stavljam sliku umjesto adrese sajta.
http://www.dodaj.rs/f/20/l5/3doqz1Hk/primjer.jpg
Da li treba da mijenjam ovu sliku bg.png? Nju sam našao u folderu, pa sam razmišljao trebam li je zamjeniti sa bojom koju ja želim.
- Тема Kako izmeniti boju footera? је закључана за нове одговоре.