Διόρθωση menu σε blogger.

[foutzos]

Καλησπέρα σε όλους. Έχω ένα blog και θέλω να κάνω κάποιες διορθώσεις αν μπορεί κάποιος και ξέρει ας βοηθήσει.

 

Πάνω από το   #headerpic-wrapper (η περιοχή που μπάινει και το logo της σελίδας) υπάρχει ένα menu όπως φαίνεται στην φωτογραφία που στην επισύναψη. 

 

Αυτό που θέλω να κάνω και παιδεύομαι καιρό είναι να από τα αριστερά του menu να φύγει η ul (unordinary list ( αρχική, επικοινωνία , όροι χρήσης κλπ)) τελείως και να μπούνε κάποια μικρά social icons όπως αυτά  . (τα συγκεκριμένα είναι με hover) . Απο τα δεξιά θέλω να φύγει το menu search και να μπει widget με την ημερομηνία . Το πρόβλημα είναι ότι τα διαγράφω κανονικά και προσπαθώ να περάσω τα widget άλλα κάπου χαλάνε .

 

Παραθέτω τον κώδικα του menu: εδώ το css (αυτό που μπαίνει πάνω από το skin)

.menuhorisontal2{width:980px;height:24px;margin:0 auto;padding:3px 0}
.menuhorisontal2 ul{padding-left:7px;color:#666;text-transform:capitalize;list-style-type:none;font:normal 14px open sans, Helvetica,Verdana,sans-serif;margin:0}
.menuhorisontal2 li{display:inline;margin:0}
.menuhorisontal2 li a{float:left;display:block;text-decoration:none;border-right:0 solid #415770;font-weight:400;color:#aeaeae;padding:4px 6px 3px}
.menuhorisontal2 li a:visited{color:#aeaeae}
.menuhorisontal2 li a:hover{background:url() repeat-x top;border-radius:10px;-webkit-border-radius:10px;-opera-border-radius:10px;-moz-border-radius:10px;color:#fff;text-decoration:underline}
.menusearch{width:300px;float:right;margin:0 auto;padding:0 auto}

εδώ κανονικά

<div class='menupic2'>
<div class='menuhorisontal2'>
<ul>
<li class='home'><a href='/'>Αρχική</a></li>
<li><a href='#' title='Posts RSS'>RSS Feed</a></li>
<li><a href='#'>Όροι χρήσης</a></li>
<li><a href='#'>Επικοινωνία</a></li>
</ul>
<div class='menusearch'>
<div style='float:right;padding:1px 8px 0 0;'>
<form action='http://www.google.com/search' method='get' target='_blank'>
<input name='sitesearch' style='display:none;' value='http://insomnia.gr/'/>
<input id='search-box' name='q' onblur='if(this.value=='')this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value='';' style='width:170px;border:none;padding:4px 10px; font:normal 12px open sans;color:#7a7a7a; text-shadow: 1px 1px 1px #000; background:url(http://4.bp.blogspot.com/-0UZ84gjcT7Q/T0ov6aRrvjI/AAAAAAAAFjQ/AASimbCShag/s1600/field.gif) no-repeat;' type='text' value='Αναζήτηση...'/><input align='top' id='search-btn' src='http://3.bp.blogspot.com/-Gsv90fI1P1w/T0oxdn4UbeI/AAAAAAAAFjY/YGgddDwiMx0/s1600/btn_search.gif' type='image' value='Αναζήτηση'/>
</form>
</div>
</div>
</div>
</div>

εδώ το widget με την ημερομηνία :

css:

.navtime,.topsearch{width:300px;float:right;margin:0 auto;padding:0 auto}

και

<div class='navtime'>
<div style='text-align:right;padding:2px 10px 5px 0px;font:bold 20px Verdana;'>
<script>
var mydate=new Date();var year=mydate.getYear();if(year<1000){year+=1900}var day=mydate.getDay();var month=mydate.getMonth();var daym=mydate.getDate();if(daym<10){daym="0"+daym}var dayarray=new Array("Κυριακή","Δευτέρα","Τρίτη","Τετάρτη","Πέμπτη","Παρασκεύη","Σάββατο");var montharray=new Array("Ιαν","Φεβ","Μαρ","Απρ","Μαι","Ιουν","Ιουλ","Αυγ","Σεπ","Οκτ","Νοε","Δεκ");document.write("<small><font color='dddddd' face='open sans'><b>"+dayarray[day]+", "+montharray[month]+" "+daym+", "+year+"</b></font></small>");
</script>
</div>
</div>

και εδώ τα social icons που βρήκα αλλά δεν με νοίαζει αν θα ναι τα ίδια

 

css:

ul.isocial{list-style:none;margin:0;padding:5px 20px 0 0}
ul.isocial li{float:right;margin:0 5px;padding:0}
ul.isocial li a{float:right;background-image:url(http://1.bp.blogspot.com/-Tg7BikflCm8/T4_x9T1aflI/AAAAAAAAAoo/jV53zVYzVDY/s1600/social+letter.png);background-position:0 0;background:repeat:no-repeat;display:inline-block;text-indent:-9999px;overflow:hidden;width:24px;height:24px;position:relative}
ul.isocial li a.rss{background-position:0 0}
ul.isocial li a.rss:hover{background-position:0 -25px}
ul.isocial li a.facebook{background-position:-25px 0}
ul.isocial li a.facebook:hover{background-position:-25px -25px}
ul.isocial li a.twitter{background-position:-50px 0}
ul.isocial li a.twitter:hover{background-position:-50px -25px}
ul.isocial li a.google{background-position:-75px 0}
ul.isocial li a.google:hover{background-position:-75px -25px}
ul.isocial li a.youtube{background-position:-100px 0}
ul.isocial li a.youtube:hover{background-position:-100px -25px}

και

<ul class='isocial'>

<li><a class='rss' href='http://feeds.feedburner.com/feed' target='_blank' title='Subscribe'/></li>
<li><a class='facebook' href='http://www.facebook.com/fb' target='_blank' title='Like'/></li>
<li><a class='twitter' href='https://twitter.com/tweet' target='_blank' title='Follow'/></li>
</ul>

Όποιος δεν βαριέται και ρίξει ένα βλέφαρο θα το εκτιμούσα ιδιαίτερα . ευχαριστώ εκ των προτέρων σε όποιον ασχοληθεί έστω και λίγο.