Δευτέρα 27 Ιουνίου 2011

Τρεις στήλες υποσημείωσης στο τέλος της σελίδας σας


Επιλογές για περαιτέρω προσθήκη Gadget ή διάφορες υποσημειώσεις με τρεις στήλες υποσημείωσης.
  • Σύνδεση στον Blogger
  • Σχεδίαση / Επεξεργασία HTML
  • Κλικ στο επέκταση γραφικών στοιχείων
  • Ctrl + F για να βρούμε την ετικέτα  ]]></b:skin>
  • Επικολλάμε πριν από αυτήν τον παρακάτω κώδικα:

/* -----   LOWER SECTION   ----- */ 
#lower {
margin:auto;
padding: 0px 0px 10px 0px;
width: 100%;
background:#333434;
}
#lower-wrapper {
margin:auto;
padding: 20px 0px 20px 0px;
width: 960px;
}
#lowerbar-wrapper {
border:1px solid #DEDEDE;
background:#fff;
float: left;
margin: 0px 5px auto;
padding-bottom: 20px;
width: 32%;
text-align: justify;
font-size:100%;
line-height: 1.6em;
word-wrap: break-word;
overflow: hidden;
}
.lowerbar {margin: 0; padding: 0;}
.lowerbar .widget {margin: 0; padding: 10px 20px 0px 20px;}
.lowerbar h2 {
margin: 0px 0px 10px 0px;
padding: 3px 0px 3px 0px;
text-align: left;
color:#0084ce;
text-transform:uppercase;
font: bold 14px Arial, Tahoma, Verdana;
border-bottom:3px solid #0084ce;
}
.lowerbar ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style-type: none;
}
.lowerbar li {
margin: 0px 0px 2px 0px;
padding: 0px 0px 1px 0px;
border-bottom: 1px dotted #ccc;
}

  • Βρείτε τώρα την ετικέτα </body>
  • Επικολλάτε πριν από αυτήν τον παρακάτω κώδικα:

<div id='lower'> 
<div id='lower-wrapper'>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar1' preferred='yes'>
</b:section>
</div>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar2' preferred='yes'>
</b:section>
</div>
<div id='lowerbar-wrapper'>
<b:section class='lowerbar' id='lowerbar3' preferred='yes'>
</b:section>
</div>
<div style='clear: both;'/>
</div> </div>
    • Πατήστε αποθήκευση προτύπου και είσαστε έτοιμοι.
    Μπορείτε να αλλάξετε τις παραμέτρους για να ταιριάξετε τις ρυθμίσεις στη δική σας σελίδα!
    Είναι καλό πριν από οποιαδήποτε απόπειρα παρέμβασης στον κώδικά σας να κάνετε λήψη πλήρους προτύπου ή πριν έρθει η ώρα για αποθήκευση πατήστε προεπισκόπηση. Αν έχει γίνει κάποιο λάθος στους κώδικες απλώς θα δείξει σφάλμα. Σ' αυτήν την περίπτωση πατήστε καθαρισμός αλλαγών και ξεκινήστε από την αρχή.

    0 σχόλια:

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

    Twitter Delicious Facebook Digg Stumbleupon Favorites More