Latest Blog News: Διαβάζετε πάντα και τα ΣΧΟΛΙΑ των αναρτήσεων!

ΠΡΟΣΘΗΚΗ 4 ΣΤΗΛΩΝ ΣΤΟ FOOTER ΤΗΣ ΣΕΛΙΔΑΣ ΣΑΣ (update)


Print Friendly and PDFPrintPrint Friendly and PDFPDF

Τι θα λέγατε για 4 στήλες στο footer(=κάτω μέρος) της σελίδας σας?

Αν θέλετε 3 στήλες αντί για 4, αρκεί να πατήσετε εδώ.


όποιος θέλει λοιπόν να βάλει 4 στήλες, κάνει τα παρακάτω:

Σύνδεση στον λογαριασμό σας

Σχεδίαση

Επεξεργασία html

τσεκάρουμε το "Επέκταση προτύπων γραφικών στοιχείων"

με το ctrl+F ψάχνουμε για το ...

<b:section class='footer' id='footer'/>

αν δεν σας βρήσκει τον παραπάνω, ψάξτε για τον παρακάτω:

<b:section class='footer' id='footer'

σβήνουμε την παραπάνω γραμμή κώδικα και στη θέση του βάζουμε τον παρακάτω:

<div id='footer-column-container'>
<div id='footer1' style='width: 225px; float: left; margin:0; '>
<b:section class='footer-column' id='footer-column-1' preferred='yes' style='float:left;'>
<b:widget id='Text1' locked='false' title='About B-G' type='Text'/>

</b:section>
</div>
<div id='footer2' style='width: 225px; float: left; margin:0; '>
<b:section class='footer-column' id='footer-column-2' preferred='yes' style='float:left;'>
<b:widget id='Text4' locked='false' title='About Author' type='Text'/>
</b:section>
</div>

<div id='footer3' style='width: 225px; float: right; margin:0; '>
<b:section class='footer-column' id='footer-column-3' preferred='yes' style='float:right;'>
<b:widget id='Text3' locked='false' title='Subscribe in Reader' type='Text'/>
</b:section>
</div>

<div id='footer4' style='width: 225px; float: right; margin:0; '>
<b:section class='footer-column' id='footer-column-4' preferred='yes' style='float:right;'>
<b:widget id='Text2' locked='false' title='Access B-G on Go' type='Text'/>
</b:section>
</div>
<div style='clear:both;'/>
</div>

τώρα βρίσκουμε το ...

]]></b:skin>

και αμέσως πριν από αυτό βάζουμε τον παρακάτω κώδικα:

#footer-column-container { border: .3px dotted #cccccc;}

.footer-column { margin: 0 10px 0 10px; padding:5px;
color: #666666; line-height: 1.5em; font-size:12px;}

.footer-column h2 {
padding-bottom:.15em; text-align:center;
font:"normal normal 80% 'Comic Sans MS','Lucida Sans Unicode','Trebuchet MS',Sans-serif";
color:#333333;
line-height:1em; letter-spacing:.1em;
border-bottom: 1px solid #cccccc;}

.footer-column ul { list-style:none; margin:0 0 0; padding:0 0 0;}

.footer-column ul li {
background: url(http://i421.photobucket.com/albums/pp296/rnbutpur/bullet-1.gif) no-repeat;
margin:0 0 0; padding-left: 16px;
padding-bottom: 0.5em; line-height:1.2em;}

.footer-column .widget {margin:0 0 .5em; padding:0 0 1em;}

Αποθηκεύουμε και είμαστε έτοιμοι!

και μην ξεχνάτε ότι:

Το σχόλιό σας είναι η επιβράβευσή μου!

Stumble
Delicious
Technorati
Twitter
Facebook

10 comments:

Ανώνυμος είπε...

John τον παραπάνω κωδικό δεν τον βρίσκει...βοήθησε με σε παρακαλώ!

Johnpatra είπε...

@Ανώνυμος έκανα update!

Ανώνυμος είπε...

John σε έστειλα ένα μύνημα.Πότε θα με απαντήσεις;

Johnpatra είπε...

@Ανώνυμος ποιο είναι το όνομά σου?

Johnpatra είπε...

@Ανώνυμος ποιο είναι το όνομά σου?

Ανώνυμος είπε...

Stelios

Johnpatra είπε...

@Ανώνυμος λογικα σου εχω απαντησει γιατι απαντησα πριν λιγο σε ολα τα μαιλς.

Theodoros είπε...

aftes tis 2 anazitiseis den tis brisko tora kai go . alla to thema einai oti eho anebasei allounou template paizei rolo ?

Ανώνυμος είπε...

Καλησπέρα!Φίλε Johnpatra, κι εγώ δεν βρίσκω ούτε τον ένα κωδικό που δίνεις,αλλά ούτε και τον άλλον.

Athanasios Galanopoulos είπε...

Θα πρέπει να προσθέτουμε αξία στο διαδίκτυο, και μέρος αυτής είναι και ενα τόσο επίκαιρο και ενδιαφέρων αρθρο.
Μεγάλο άρθρο, ευχαριστώ για τη μετοχή!
votana-herbs-votana therapeutika

Δημοσίευση σχολίου

Παρακαλούμε τους φίλους αναγνώστες:

ΟΧΙ SPAM,
ΟΧΙ GREEKLISH,
ΟΧΙ ΠΡΟΣΒΛΗΤΙΚΑ ΣΧΟΛΙΑ

Παρακαλώ το σχόλιό σας να είναι σχετικό με την παραπάνω ανάρτηση.
Γενικές απορίες μόνο στη σελίδα μας στο facebook.

 
© Copyright 2009-14 bloggertips.gr | All rights reserved. | Επικοινωνία | LK Magazine v2 from Lasantha | Πίσω στην ΚΟΡΥΦΗ | | Subscribe in a reader (Google,Yahoo κα)

* free blogger tips,tricks,gadgets,widgets,templates,themes,help,hacks,design,domains,xml,html,blogspot.gr *