Pagina 1 van 1
Footer verdelen in 3 stukken
Geplaatst: 10 mei 2011, 19:42
door David
Beste phpbbers,
Kan iemand mij iets meer vertellen hoe ik me overall_footer kan aanpassen. Ik wil iets nieuws proberen eerst lokaal om te kijken of het wel echt iets is.
Ik wil de footer in 3 stukken verdelen link een plaatje, midden tekst en rechts plaatje. Heb het op verschillende forums gezien dat de footer in 3 of 4 stukken is verdeeld maar in de bron kom ik er niet achter hoe het precies werkt. Er moeten volgens mij meer bestanden aangepast worden.
Bestaat hier al een uitleg over, of kan iemand me opweg helpen?
Groetjes David
Re: Footer verdelen in 3 stukken
Geplaatst: 11 mei 2011, 09:43
door Kevin
Dan maak je 3 divs aan die je plaatst en vult in je footer en vormgeeft in je css bestanden. Dus je geeft de breedte en plaatsing van de divs op in je css en je roept ze aan in je html bestanden, in dit geval dan overall_footer.html
Re: Footer verdelen in 3 stukken
Geplaatst: 11 mei 2011, 14:25
door David
Oké, ik snap wel wat je bedoelt te zeggen... dat is dus nog niet 1-2-3 gedaan
tja, ik denk nog even na... lijkt me een moeilijk klusje
Re: Footer verdelen in 3 stukken
Geplaatst: 11 mei 2011, 14:32
door Kevin
Nou
David schreef:maar in de bron kom ik er niet achter hoe het precies werkt.
dan moet je dus het gedeelte uit de broncode nemen, daarin zoeken welke div class ze gebruiken. Die kun je vervolgens ook wel weer opzoeken in de broncode.
Re: Footer verdelen in 3 stukken
Geplaatst: 11 mei 2011, 15:25
door David
Ik kijk met Firefox in de bron, dan zie ik in de HTML inderdaad die divs staan die jij noemt, die verwijzen inderdaad ergens naar toe. Dat stukje ziet er vrij duidelijk uit. Alleen zou ik niet weten hoe ik de ccs daarvan tevoorschijn haal.
Hier zie je bijvoorbeeld z'n footer:
http://www.alexa.com/help/viewforum.php?f=5
Re: Footer verdelen in 3 stukken
Geplaatst: 11 mei 2011, 16:23
door Kevin
De naar de stylesheet die geladen moet worden vind je terug boven in de broncode.
Dit is het gedeelte waar jij naar op zoek bent even snel gekeken.
Code: Selecteer alles
/* - FOOTER - */
#footer {
background: #bebebe top repeat-x;
border-top: 1px solid rgb(38,29,26);
margin: 0;
width:100%;
clear:both;
font-size:0.9em;
}
#footer-inner {
padding:0 2em;
/*text-align:center;*/
}
#footer-inner .col {
float: left;
margin: 0 20px 5px 0;
text-align: left;
}
#footer-inner .col h4 {
font-size: 1.1em;
margin-bottom: 1px;
border-bottom: none;
}
#footer-inner .col h4 a, .footText .col h4 a:visited {
color: #333;
}
#footer-inner a {
color: #444;
}
#footer-inner a:hover {
text-decoration: underline;
}
#footer-inner .col ul {
margin: 0 0 10px 0;
padding: 0;
line-height:1.1;
}
#footer-inner .col ul li {
/*list-style: url("/common/images/shim.gif");*/
list-style: none;
margin: 0;
padding: 0;
}
#footer-inner #disclaimers {
float: right;
margin: 0;
text-align: right !important;
}
#footer-inner #disclaimers h4 {
border-bottom: none;
}
#footer-inner a {
color: #5256FF;
}
#footer-inner a:hover {
color: #0000FF;
}
#footer-inner li a{
font-size:0.9em;
}
Re: Footer verdelen in 3 stukken
Geplaatst: 11 mei 2011, 21:37
door David
Bedankt voor je moeite, ik ga hier een mee proberen te stoeien!
UPDATE:
Ik ben vandaag aan de slag gegaan en moet zeggen dat het goed is gelukt
Ik vroeg zie alleen iets in me originele footer staan, waar ik niet van weet wat het doet.
Code: Selecteer alles
<div>
<a id="bottom" name="bottom" accesskey="z"></a>
<!-- IF not S_IS_BOT -->{RUN_CRON_TASK}<!-- ENDIF -->
</div>
</body>
</html>
Wat doet dit? Moet dit terug komen? en maakt het uit waar dit komt?
Verder heb ik volgens mij wel wat ik wil hebben!