Flytte Adsense boks bort fra overskriften

3ndy · 25. desember 2008

Hei

Jeg startet i dag denne bloggen http://trendymusikk.blogspot.com/ jeg støtet da på et par problemer.

Det ene er at en liten adsense boks kommer over overskriften har prøvd å flytte på den, men det resulterte i at den kommer over boksen med "tags". Så det jeg egentlig trenger er bare at neste post kommer litt etter adsense boksen.

Et annet problem er at jeg har en poll prøvde å skrive en "style rule" for den uten å lykkes, så vist noen ser hva jeg gjorde feil så ligger det jeg skrev under #Poll1.

Et siste problem som jeg egentlig ikke har rukket å sett så mye på selv er at menyen på toppen sklir litt over det lyse blå der den skal ligge, vist noen ser problemet så sier jeg ikke nei takk til en løsning, men kan sikkert se på det selv vist du ikke har tid.

Her kommer koden:

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
 <head>
   <b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> - <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>

<script src='http://money4jacky.googlepages.com/jdate.js' type='text/javascript'/>	

    <b:skin><![CDATA[/*
-----------------------------------------------

----------------------------------------------- */



.navbar { display: none; }  /*You can remove this line to show the Blogger Navbar */






* {
margin: 0;
padding: 0;
}

body {
background: #333 url('http://img183.imageshack.us/img183/3198/patternpd0.jpg') repeat;
color: #b9b9b9;
font-family: Arial, Verdana, sans-serif;
font-size: 62.5%;
text-align: center;
font-weight: normal;
}

a {
color: #53abd5;
text-decoration: none;
}

a:hover {
color: #FFF;
}

p {
font-size: 14px;
line-height: 1.5;
margin: 0 0 21px;
}

#content_wrapper {
width: 871px;
margin: 0 auto;
text-align: left;
position: relative;
}

ol, ul {
font-size: 14px;
}

blockquote {
margin: 21px;
}


/******************************************************
*
*						HEADER
*
******************************************************/

#idheader {
width: 871px;
position: relative;
height: 236px;
margin-top: 100px;
background: #333 url('http://img152.imageshack.us/img152/7549/headerqz2.jpg') no-repeat;
}

#idheader h1.main_title {
padding-right: 22px;
position: absolute;
bottom: 219px;
}

#members_area {
font-size: 14px;
color: #FFF;
position: absolute;
right: 8px;
bottom: 236px;
}

#members_area a {
color: #FFF;
}

#members_area a:hover {
color: #53abd5;
}

#idheader h3.slogan {
padding-right: 22px;
position: absolute;
font-size: 21px;
bottom: 160px;
left: 100px;
font-weight: normal;
}

#idheader .navmenu {
padding-right: 22px;
position: absolute;
bottom: 53px;
left: 22px;
list-style: none;
font-size: 16px;
font-weight: bold;
line-height: 24px;
}

#idheader .navmenu li {
float: left;
margin-right: 20px;
}

#idheader .navmenu li a {
float: left;
color: #FFF;
background-color: #53abd5;
text-decoration: none;
padding: 0px 7px;
}

#idheader .navmenu li:hover {
background: #87c4e2 url('http://img186.imageshack.us/img186/4832/navleftpe9.jpg') no-repeat;
}

#idheader .navmenu li a:hover {
background: url('http://img183.imageshack.us/img183/7482/navrightgo8.jpg') no-repeat top right;
}

/*
#idheader ul.navmenu li.current_page_item {
float: left;
margin-right: 20px;
background: #87c4e2 url('http://img186.imageshack.us/img186/4832/navleftpe9.jpg') no-repeat;
}

#idheader ul.navmenu li.current_page_item a {
float: left;
color: #FFF;
background: url('http://img183.imageshack.us/img183/7482/navrightgo8.jpg') no-repeat top right;
text-decoration: none;
}
*/
#idheader .navmenu li {
float: left;
margin-right: 20px;
background: #87c4e2 url('http://img186.imageshack.us/img186/4832/navleftpe9.jpg') no-repeat;
}

#idheader .navmenu li a {
float: left;
color: #FFF;
background: url('http://img183.imageshack.us/img183/7482/navrightgo8.jpg') no-repeat top right;
text-decoration: none;
}

/******************************************************
*
*						CONTENT
*
******************************************************/


#content {
width: 871px;
position: relative;
background: url('http://img146.imageshack.us/img146/6427/contentbgfo5.jpg') repeat-y;
padding: 22px;
}


#content_posts_wrapper {
width: 575px;
float: left;
position: relative;

}

.date {
width: 58px;
height: 60px;
float: left;
position: relative;
padding-bottom: 5px;
text-align: center;
line-height: 28px;
background: #2b2b2b url('http://img81.imageshack.us/img81/3237/dateaa9.jpg') no-repeat;
color: #4e4e4e;
font-size: 30px;
font-weight: bold;
}

.month {
font-size: 18px;
color: #FFF;
}

.post {
margin: -20px 0 40px 0;
}

.actual_post ol, .actual_post  ul {
list-style: inside;
}

.sub_title {
margin-bottom: 20px;
}

.author a {
background: #53abd5;
border: 1px solid #222222;
padding: 5px;
color: #FFF;
font-size: 14px;
font-weight: bold;
float: left;
position: relative;
}

.author a:hover {
background: #3d3d3d;
}

.comments {
color: #FFF;
float: right;
position: relative;
font-size: 14px;
padding-left: 20px;
background: url('http://img404.imageshack.us/img404/3764/commentpostmf2.jpg') no-repeat left center;
}

.comments a {
color: #FFF;
text-decoration: none;
}

.comments a:hover {
text-decoration: underline;
}

.actual_post {
padding-top: 21px;
clear: both;
}

.content_post {
width: 505px;
margin-left: 10px;
float: left;
position: relative;
}

.Poll1 {
background: #7b7b7b;
border: 1px solid #7b7b7b;
color: #b0bbd5;
}

.tags {
background: #3d3d3d;
border: 1px solid #222222;
padding: 5px;
color: #FFF;
font-size: 14px;
}

.tags a {
padding-left: 20px;
background: #3d3d3d url('http://img404.imageshack.us/img404/5893/tagam1.jpg') no-repeat left center;
color: #FFF;
text-decoration: none;
}

.tags a:hover {
text-decoration: underline;
}

h1, h3 {
font-family: Arial, Verdana, sans-serif;
font-weight: bold;
}

h1 {
font-size: 72px;
color: #FFF;
letter-spacing: -5px;
}

h2 {
font-size: 30px;
color: #FFF;
font-weight: normal;
}


h2 a {
color: #FFF;
}

h2 a:hover {
text-decoration: underline;
}
h4 {
font-size: 18px;
color: #54ABD6;
font-weight: normal;
text-decoration: underline;
}

h4 a {
color: #54ABD6;
}

h4 a:hover {
color: #FFF;
}

h1 span {
color: #53abd5;
}

#bottom {
width: 871px;
height: 47px;
position: relative;
background: #333 url('http://img183.imageshack.us/img183/2016/contentbottomoj6.jpg') no-repeat;
clear: both;
}


/******************************************************
*
*						SIDEBAR
*
******************************************************/
#sidebar {
width: 211px;
float: left;
position: relative;	
padding: 0 22px 0 32px;
}
#sidebarsection {
padding-top:35px;
display: block;
}

#sidebar #sidebar-ul , #sidebar ul {

list-style-type: none;

font-size: 12px;
line-height: 21px;
}

#sidebar div {
padding:0;
margin:0;
}
#rss_feed {
padding-bottom: 30px;
}

#rss_feed img {
border: 0;
}

#rss_feed a:hover {
color: #53abd5;
}

#search {
width: 211px;
background: url('http://img152.imageshack.us/img152/4421/searchdz1.jpg') no-repeat left top;
font-size: 12px;
padding-top: 35px;
padding-bottom: 30px;
clear:both;
display: block;	
}

#search p {
margin: 0;

}

#search_input {
width: 130px;
background: #FFF;
border: 1px solid #222222;
color: #333;
padding: 2px;
float: left;
height: 18px;
}

#search_submit {
border: 1px solid #222222;
background: #53abd5;
color: #FFF;
margin-left: 5px;
padding: 1px;
}

#sidebar  .rc_head {
width: 194px;
height: 35px;
background: url('http://img254.imageshack.us/img254/2695/recentcommentsaj7.jpg') no-repeat;

}

#sidebar  .recentcomments_sub {
padding-bottom: 30px;
list-style: none;
}

#sidebar  .recentcomments_sub span {
color: #bbb;
}

#sidebar .recentcomments_sub a {
padding: 0 0 0 25px;
margin-bottom: 1px;
background: #7b7b7b url('http://img152.imageshack.us/img152/5239/recentcommentsiconki1.png') no-repeat 5px center;
display: block;
}

#sidebar  .recentcomments_sub a:hover {
background: #53abd5 url('http://img152.imageshack.us/img152/5239/recentcommentsiconki1.png') no-repeat 5px center;
}

#sidebar  .rp_head {
width: 194px;
height: 35px;
background: url('http://img514.imageshack.us/img514/1016/recentpostsco3.jpg') no-repeat;
clear:both;
display: block;	
margin-top: 35px;
}

#sidebar  .recentposts_sub {
padding-bottom: 30px;
list-style: none;
}

#sidebar .recentposts_sub a {
padding: 0 0 0 20px;
margin-bottom: 1px;
background: #7b7b7b url('http://img183.imageshack.us/img183/9149/recentpostsiconqv4.png') no-repeat 5px center;
display: block;
}

#sidebar .recentposts_sub a:hover {
background: #53abd5 url('http://img183.imageshack.us/img183/9149/recentpostsiconqv4.png') no-repeat 5px center;
}

#sidebar  .archives {
width: 194px;
height: 35px;
background: url('http://img168.imageshack.us/img168/4619/archivesqc5.jpg') no-repeat;
}

#sidebar  .archives_sub {
padding-bottom: 30px;
list-style: none;
}

#sidebar  .archives_sub a {
padding: 0 0 0 24px;
margin-bottom: 1px;
background: #7b7b7b url('http://img257.imageshack.us/img257/8190/archivesiconqo3.png') no-repeat 5px center;
display: block;
}

#sidebar  .archives_sub a:hover {
background: #53abd5 url('http://img257.imageshack.us/img257/8190/archivesiconqo3.png') no-repeat 5px center;
}

#sidebar a {
text-decoration: none;
color: #d8d8d8;
}

#calendar_wrap table {
width: 100%;
border-collapse: collapse;
}

#calendar_wrap table a {
padding: 0;
}

#calendar_wrap tfoot a {
background: none;
margin-top: 2px;
margin-bottom: 30px;
}

#calendar_wrap tfoot a:hover {
color: #53abd5
}

#calendar_wrap thead {
background: #7b7b7b;;
}

#calendar_wrap caption {
font-size: 16px;
color: #FFF;
margin-bottom: 2px
}

#calendar_wrap th, #calendar_wrap td {
text-align: center;
}

.sidebar_widgets ul, .widget-content ul {
list-style: none;
margin-bottom: 30px;
}
.sidebar_widgets li, .widget-content li {
list-style: none;
display: block;
}
.sidebar_widgets a, .widget-content a {
padding: 2px 0 2px 25px;
margin-bottom: 1px;
background: #7b7b7b url('http://img152.imageshack.us/img152/5239/recentcommentsiconki1.png') no-repeat 5px center;
display: block;
}

.sidebar_widgets a:hover, .widget-content a:hover {
background: #53abd5 url('http://img152.imageshack.us/img152/5239/recentcommentsiconki1.png') no-repeat 5px center;
}

h2.sidebar_widgets_title , #sidebar h2, .widget-content h2  {
font-size: 24px;
margin: 10px 0 10px 0;
}


.sidebar_widgets .ngg-widget a{
display: inline;
background: none;
}

/******************************************************
*
*						FOOTER
*
******************************************************/

#footer_top {
width: 871px;
height: 20px;
margin-top: 100px;
position: relative;
background: #333 url('http://img168.imageshack.us/img168/4743/footertopum1.jpg') no-repeat;
}

#footer_top h1.footer_title {
font-size: 72px;
position: absolute;
bottom: 2px;
color: #FFF;
}

#footer_main {
width: 871px;
position: relative;
background: #333 url('http://img171.imageshack.us/img171/9696/footerbgyz1.png') repeat-y;
color: #d7f3fe;
padding-top: 15px;
padding-bottom: 15px;
}

#footer {
padding-left: 22px;
padding-right: 22px;
list-style: none;
font-size: 14px;
line-height: 21px;
}

#footer li.page_footer, li.about_footer {
float: left;
width: 240px;
}

#footer li.page_footer {
margin-right: 45px;
}

.recentcomments_footer, .recentposts_footer {
list-style: none;
}

.recentcomments_footer {
padding-top: 35px;
background: url('http://img404.imageshack.us/img404/2244/recentcommentsfooterec4.jpg') no-repeat left top;
}

.recentposts_footer {
padding-top: 35px;
background: url('http://img404.imageshack.us/img404/2244/recentcommentsfooterec4.jpg') no-repeat left top;
}

.about_footer {
padding-top: 35px;
background: url('http://img337.imageshack.us/img337/2205/aboutfooterne2.jpg') no-repeat left top;
}

.page_footer a {
padding: 5px 5px 0 21px;
background: url('http://img254.imageshack.us/img254/6841/footericonkb1.jpg') no-repeat 1px center;
text-decoration: none;
display: block;
color: #d7f3fe;
border-bottom: 1px solid #67b8de;
}

.page_footer a:hover {
background-color: #87c4e2;
}

.page_footer ul, .page_footer li {
list-style: none;
}

#footer_bottom {
width: 871px;
height: 23px;
margin-bottom: 40px;
position: relative;
background: #333 url('http://img341.imageshack.us/img341/9687/footerbottomhj7.jpg') no-repeat;
clear: both;
}

.clear {
clear: both;
}

.disclaimer {
position: relative;
padding-top: 30px;
bottom: 0px;
text-align: center;
color: #9ee0f6;
display: block;
}

.disclaimer a {
color: #FFF;
}

.disclaimer a:hover {
color: #467f9a;
}


/*********************************

		comments

*********************************/


.comments_number {
margin-top: 40px;
margin-bottom: 10px;
color: #FFF;
font-size: 30px;
}

.comments_list li {
padding-left: 2px;
}

.comments_list ol {
list-style: none;
}

.comments_list ol .comments_author {
color: #ff7f00;
display: block;
font-weight: bold;
font-size: 14px;
padding: 5px 0 0 11px;
position: relative;
}

.comments_list ol .comments_author span {
background: url('http://img183.imageshack.us/img183/4854/commenttabfg7.jpg') no-repeat top right;
padding: 6px 35px 0 0;
color: #666;
font-weight: normal;
position: relative;
z-index: 3;
}

.comments_list ol .comments_author a {
color: #ff7f00;
}

.comments_list ol .comments_author a:hover {
color: #3d3d3d;
}

.comments_list ol li.alt .comments_author {
display: block;
color: #53abd5;
font-weight: bold;
font-size: 14px;
}

.comments_list ol li.alt .comments_author a {
color: #53abd5;
font-weight: bold;
}

.comments_list ol li.alt .comments_author a:hover {
color: #FFF;
}

.comments_list ol .comments_text {
color: #b9b9b9;
}


#comments input, textarea {
border: 1px solid #222;
background: #f3f3f3;
color: #333;
padding: 3px;
}

#comments textarea {
width: 505px;
}

#submit {
border: 1px solid #222;
background: #f3f3f3;
color: #999;
}

#submit:hover {
background: #53abd5;
color: #fff;
}

.comments_date {
color: #999;
display: inline;
font-size: 12px;
background: url('http://img257.imageshack.us/img257/161/dateorangeth2.jpg') no-repeat left center;
padding-left: 13px;
}

.comments_date_tidy {
padding: 0 0 10px 11px;
}

li.alt .comments_date {
background: url('http://img168.imageshack.us/img168/4787/datebluegg0.jpg') no-repeat left center;
padding-left: 13px;
}


.comments_list li .comments_text {
border: 1px solid #222222;
padding: 10px 10px 0 10px;
background-color: #3d3d3d;
position: relative;
z-index: 1;
overflow: hidden;
}

.comments_form label {
font-size: 14px;
padding-left: 5px;
}

.comments_avatar img {
width: 90px;
float: left;
}

.comments_avatar a {
border: 0;

}

.comments_avatar img {
border: 0px solid #FFF;
}

.comments_body {
float: left;
}


/*********************************

		PAGE

*********************************/

.page_content_post {
width: 573px;
float: left;
position: relative;
}

.pagetitle {
margin-bottom: 40px;
}


]]></b:skin>


</head>

 <body>

 <!-- content wrapper begins here -->
   <div id='content_wrapper'>
     <!-- header starts here -->
     <div id='idheader'>
	<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Alt om ny trendy musikk (Overskrift)' type='Header'/>
</b:section>		



	<b:section class='htmlsection1' id='htmlsection1' preferred='yes'>
<b:widget id='HTML1' locked='false' title='' type='HTML'/>
</b:section>



     </div><!-- header ends here --><!-- content starts here -->
     <div id='content'>
       <!-- posts starts here -->
       <div id='content_posts_wrapper'>
         <!-- individual post starts there -->


<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blogginnlegg' type='Blog'/>
</b:section>



	  <div class='navigation'>
           <div class='alignleft'/>
           <div class='alignright'/>
         </div>
       </div><!-- posts end here -->
       <!-- sidebar starts here -->
<div id='sidebar'>
       <ul id='sidebar-ul'>
         <li class='title_nav'>
           <div id='rss_feed'>
             <a href='http://trendymusikk.blogspot.com/feeds/posts/default?alt\x3drss' title='RSS Feed'><img alt='RSS' src='http://img301.imageshack.us/img301/3622/rssuo3.jpg'/> Subscribe by RSS</a>
           </div>
         </li>
         <li class='title_nav'>
           <div id='search'>
             <form expr:action='data:blog.homePageUrl + "/search"' id='search_form' method='get'>
               <p>
                 <input id='search_input' name='q' size='22' tabindex='2' type='text' value=''/>
			  <input id='search_submit' name='submit' tabindex='5' type='submit' value='Search'/>
               </p>
             </form>
           </div>
         </li>		
		<li class='rp_head'/>		  
	  <li>
			<script src='http://money4jacky.googlepages.com/blogger-widget.js'/>
			<script>
			var numposts = 10;
			var showpostdate = false;
			var showpostsummary = false;
			var numchars = 100;
			</script>

			<script expr:src='data:blog.homepageUrl + "feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"'/>		  
	  </li>
			<li class='rc_head'/>		  
	  <li>
			<script src='http://money4jacky.googlepages.com/blogger-widget.js'/>
			<script>
			var numposts = 10;
			var showpostdate = false;
			var showpostsummary = false;
			var numchars = 100;
			</script>

			<script expr:src='data:blog.homepageUrl + "feeds/comments/default?orderby=published&alt=json-in-script&callback=rc"'/>		  
	  </li>		  
       </ul><!-- sidebar ends here -->	

<div>		
	<b:section class='sidebarsection' id='sidebarsection' preferred='yes'>
<b:widget id='Poll1' locked='false' title='Hvilket album likte du best i 2008?' type='Poll'/>
<b:widget id='AdSense1' locked='false' title='' type='AdSense'/>
</b:section>
</div>

</div>
       <div class='clear'/>

     </div><!-- conent ends here -->
     <!-- bottom of content starts here -->
     <div id='bottom'/><!-- bottom of content ends here -->
     <!-- footer starts here -->
     <div id='footer_top'>
       <h1 class='footer_title'>
         more<span>stuff</span>
       </h1>
     </div>
     <div id='footer_main'>
       <ul id='footer'>
         <li class='page_footer'>
	<b:section class='footer-1' id='footer-1' preferred='yes'>
<b:widget id='BlogArchive2' locked='false' title='Blog Archive' type='BlogArchive'/>
</b:section>
         </li>
         <li class='page_footer'>
	<b:section class='footer-2' id='footer-2' preferred='yes'>
<b:widget id='Label1' locked='false' title='Categories' type='Label'/>
</b:section>
         </li>
         <li class='about_footer'>
	<b:section class='footer-3' id='footer-3' preferred='yes'>
<b:widget id='HTML2' locked='false' title='' type='HTML'/>
</b:section>			
         </li>
       </ul>
       <div class='clear'/>
       <div class='disclaimer'>
         3ndymusikk 2009
       </div>
     </div>
     <div id='footer_bottom'/><!-- footer ends here -->
   </div>


<script type='text/javascript'>
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type='text/javascript'>
try {
var pageTracker = _gat._getTracker("UA-6792693-1");
pageTracker._trackPageview();
} catch(err) {}</script>


 </body>
</html>

edit:

For de som lurer så kommer adsense boksen opp over andre overskrift altså du må scrolle litt ned.

Endret 26. desember 2008 av 3ndy

3ndy · 26. desember 2008

Da har jeg klart å fikse problemene i hvertfall sånn ca.

Da gjenstår det bare et problem og det er å prøve å få adsense boksen som er mellom artikklene på samme rad som boksen for tags.

Logg inn

Flytte Adsense boks bort fra overskriften

Anbefalte innlegg

3ndy

Lenke til kommentar

Videoannonse

3ndy

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer