Jump to content


Photo

Css Help

Totally nubed

8 replies to this topic

#1 Alexthebeast

Alexthebeast

    Member

  • Members
  • 728 posts

Posted 06 October 2004 - 08:46 PM

Yeah, So I was putting google ads on my blog, and I need some CSS help. After talking to everyone i know on aim and the only respones I got were about counter strike source, I decided to come here.

Here is the code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
  <title><$BlogPageTitle$></title>

  <$BlogMetaData$>

  <style type="text/css">
/*
-----------------------------------------------
Blogger Template Style
Name:     Minima Black
Designer: Douglas Bowman
URL:      www.stopdesign.com
Date:     26 Feb 2004
----------------------------------------------- */


body {
  background:#000;
  margin:0;
  padding:40px 20px;
  font:x-small "Trebuchet MS",Trebuchet,Verdana,Sans-Serif;
  text-align:center;
  color:#ccc;
  font-size/* */:/**/small;
  font-size: /**/small;
  }
a:link {
  color:#9ad;
  text-decoration:none;
  }
a:visited {
  color:#a7a;
  text-decoration:none;
  }
a:hover {
  color:#ad9;
  text-decoration:underline;
  }
a img {
  border-width:0;
  }


/* Header
----------------------------------------------- */
#header {
  width:660px;
  margin:0 auto 10px;
  border:1px solid #333;
  }
#blog-title {
  margin:5px 5px 0;
  padding:20px 20px .25em;
  border:1px solid #222;
  border-width:1px 1px 0;
  font-size:200%;
  line-height:1.2em;
  color:#ccc;
  text-transform:uppercase;
  letter-spacing:.2em;
  }
#blog-title a {
  color:#ccc;
  text-decoration:none;
  }
#blog-title a:hover {
  color:#ad9;
  }
#description {
  margin:0 5px 5px;
  padding:0 20px 20px;
  border:1px solid #222;
  border-width:0 1px 1px;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#777;
  }


/* Content
----------------------------------------------- */
#content {
  width:660px;
  margin:0 auto;
  padding:0;
  text-align:left;
  }
#main {
  width:410px;
  float:left;
  }
#sidebar {
  width:220px;
  float:right;
  }


/* Headings
----------------------------------------------- */
h2 {
  margin:1.5em 0 .75em;
  font:bold 78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#777;
  }


/* Posts
----------------------------------------------- */
.date-header {
  margin:1.5em 0 .5em;
  }
.post {
  margin:.5em 0 1.5em;
  border-bottom:1px dotted #444;
  padding-bottom:1.5em;
  }
.post-title {
  margin:.25em 0 0;
  padding:0 0 4px;
  font-size:140%;
  line-height:1.4em;
  color:#ad9;
  }
.post-title a {
  text-decoration:none;
  color:#ad9;
  }
.post-title a:hover {
  color:#fff;
  }
.post div {
  margin:0 0 .75em;
  line-height:1.6em;
  }
p.post-footer {
  margin:-.25em 0 0;
  color:#333;
  }
.post-footer em, .comment-link {
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
.post-footer em {
  font-style:normal;
  color:#777;
  margin-right:.6em;
  }
.comment-link {
  margin-left:.6em;
  }
.post img {
  padding:4px;
  border:1px solid #222;
  }
.post blockquote {
  margin:1em 20px;
  }
.post blockquote p {
  margin:.75em 0;
  }


/* Comments
----------------------------------------------- */
#comments h4 {
  margin:1em 0;
  font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#999;
  }
#comments h4 strong {
  font-size:130%;
  }
#comments-block {
  margin:1em 0 1.5em;
  line-height:1.6em;
  }
#comments-block dt {
  margin:.5em 0;
  }
#comments-block dd {
  margin:.25em 0 0;
  }
#comments-block dd.comment-timestamp {
  margin:-.25em 0 2em;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
#comments-block dd p {
  margin:0 0 .75em;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }


/* Sidebar Content
----------------------------------------------- */
#sidebar ul {
  margin:0 0 1.5em;
  padding:0 0 1.5em;
  border-bottom:1px dotted #444;
  list-style:none;
  }
#sidebar li {
  margin:0;
  padding:0 0 .25em 15px;
  text-indent:-15px;
  line-height:1.5em;
  }
#sidebar p {
  color:#999;
  line-height:1.5em;
  }


/* Profile
----------------------------------------------- */
#profile-container {
  margin:0 0 1.5em;
  border-bottom:1px dotted #444;
  padding-bottom:1.5em;
  }
.profile-datablock {
  margin:.5em 0 .5em;
  }
.profile-img {
  display:inline;
  }
.profile-img img {
  float:left;
  padding:4px;
  border:1px solid #222;
  margin:0 8px 3px 0;
  }
.profile-data {
  margin:0;
  font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
.profile-data strong {
  display:none;
  }
.profile-textblock {
  margin:0 0 .5em;
  }
.profile-link {
  margin:0;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }


/* Footer
----------------------------------------------- */
#footer {
  width:660px;
  clear:both;
  margin:0 auto;
  }
#footer hr {
  display:none;
  }
#footer p {
  margin:0;
  padding-top:15px;
  font:78%/1.6em "Trebuchet MS",Trebuchet,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
  </style>

</head>

<body>

<div id="header">

  <h1 id="blog-title">
    <ItemPage><a href="<$BlogURL$>"></ItemPage>
	<$BlogTitle$>
	<ItemPage></a></ItemPage>
  </h1>
  <p id="description"><$BlogDescription$></p>

</div>

<!-- Begin #content -->
<div id="content">


<!-- Begin #main -->
<div id="main"><div id="main2">

<Blogger>

    <BlogDateHeader>
  <h2 class="date-header"><$BlogDateHeaderDate$></h2>
  </BlogDateHeader>

  
     
  <!-- Begin .post -->
  <div class="post"><a name="<$BlogItemNumber$>"></a>
         <BlogItemTitle>
    <h3 class="post-title">
  <BlogItemUrl><a href="<$BlogItemUrl$>" title="external link"></BlogItemUrl>
  <$BlogItemTitle$>
  <BlogItemUrl></a></BlogItemUrl>
    </h3>
    </BlogItemTitle>

          <div class="post-body">
	<div>
      <$BlogItemBody$>
    </div>
    </div>
    
    <p class="post-footer">
      <em> <$BlogItemAuthorNickname$> cranked this out at <a href="<$BlogItemPermalinkUrl$>" title="permanent link"><$BlogItemDateTime$></a></em>
      <MainOrArchivePage><BlogItemCommentsEnabled>

         <a class="comment-link" href="<$BlogItemPermalinkURL$>#comments"><$BlogItemCommentCount$> Potshots</a>
      </BlogItemCommentsEnabled></MainOrArchivePage>  <$BlogItemControl$>
    </p>
  
  </div>
  <!-- End .post -->
  
  
  
  <!-- Begin #comments -->
 <ItemPage>
  <div id="comments">

	<BlogItemCommentsEnabled><a name="comments"></a>
        <h4><$BlogItemCommentCount$> Potshots:</h4>
        <dl id="comments-block">
      <BlogItemComments>
      <dt class="comment-poster" id="c<$BlogCommentNumber$>"><a name="c<$BlogCommentNumber$>"></a>
        <$BlogCommentAuthor$> said...
      </dt>
      <dd class="comment-body">

        <p><$BlogCommentBody$></p>
      </dd>
      <dd class="comment-timestamp"><a href="#<$BlogCommentNumber$>" title="comment permalink"><$BlogCommentDateTime$></a>
   <$BlogCommentDeleteIcon$>
   </dd>
      </BlogItemComments>
    </dl>
  <p class="comment-timestamp">

    <$BlogItemCreate$>
    </p>
    </BlogItemCommentsEnabled>
  <p class="comment-timestamp">
	<a href="<$BlogURL$>">&lt;&lt; Home</a>
    </p>
    </div>

</ItemPage>

  <!-- End #comments -->

</Blogger>
</div></div>
<!-- End #main -->







<!-- Begin #sidebar -->
<div id="sidebar"><div id="sidebar2">
  
  
  <!-- Begin #profile-container -->

   <$BlogMemberProfile$>
   
  <!-- End #profile -->

  
  <h2 class="sidebar-title">Previous Posts</h2>
    <ul id="recently">
    <BloggerPreviousItems>
        <li><a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a></li>
     </BloggerPreviousItems>
  </ul>
    <MainOrArchivePage>

  <h2 class="sidebar-title">Archives</h2>
    <ul class="archive-list">
      <BloggerArchives>
    	<li><a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a></li>
   </BloggerArchives>

  </ul>
  </MainOrArchivePage>

      <p id="powered-by"><a href="http://www.blogger.com"><img src="http://buttons.blogger.com/bloggerbutton1.gif" alt="Powered by Blogger" /></a></p>
  
  
  <p>Listen to my Stuph.</p>
 
  


</div></div>
<!-- End #sidebar -->


</div>
<!-- End #content -->



<!-- Begin #footer -->
<div id="footer"><hr />
  <p><!--This is an optional footer. If you want text here, place it inside these tags, and remove this comment. -->&nbsp;</p>

</div>
<!-- End #footer -->



</body>
</html>

What I want to do Is put the 120x600 Google ad in the unused space on the left margin. What would I use to do that, or would I have to just make some HTML tables (or will that mess with the ad?).
  • 0
<Fooz> In a perfect world... spammers would get caught, go to jail, and share a cell with many men who have enlarged their penisses, taken Viagra and are looking for a new relationship.

#2 taita cakes

taita cakes

    Member

  • Members
  • 943 posts

Posted 07 October 2004 - 08:22 PM

*PHWOAR*

I was expecting just the .css file, not the entire source. The google ads are i think frameset thingo's. I'm sure, even if they aren't, you should be able to position inside a table or anything.

I'm at school so i couldn't read it all. But here is a forum on adsense ads [google ads are "adsense"] about manipulating them, which i found using a google search on "manipulating adsense"

FOUND IT!

CLICK ME!

  • 0
Oh Kentucky, you are so fuggin awesome...

#3 Alexthebeast

Alexthebeast

    Member

  • Members
  • 728 posts

Posted 07 October 2004 - 09:08 PM

That didn't help too much.
  • 0
<Fooz> In a perfect world... spammers would get caught, go to jail, and share a cell with many men who have enlarged their penisses, taken Viagra and are looking for a new relationship.

#4 taita cakes

taita cakes

    Member

  • Members
  • 943 posts

Posted 08 October 2004 - 12:53 AM

you did check out this didn't you? I thought that would solve it for you!
  • 0
Oh Kentucky, you are so fuggin awesome...

#5 Alexthebeast

Alexthebeast

    Member

  • Members
  • 728 posts

Posted 08 October 2004 - 02:22 PM

Nope, it actually didn't.
  • 0
<Fooz> In a perfect world... spammers would get caught, go to jail, and share a cell with many men who have enlarged their penisses, taken Viagra and are looking for a new relationship.

#6 cxwq

cxwq

    Member

  • Founders
  • 3,634 posts

Posted 08 October 2004 - 03:16 PM

put it after this

<div id="sidebar"><div id="sidebar2">


and before this

</div></div>


and make sure the content isn't in a div wrapper or it may not inherit the css from "sidebar" and "sidebar2"
  • 0
<meta name="cxwq" content="mostly water">

#7 Alexthebeast

Alexthebeast

    Member

  • Members
  • 728 posts

Posted 08 October 2004 - 07:00 PM

So what, make a 3rd <div> Sidebar?
  • 0
<Fooz> In a perfect world... spammers would get caught, go to jail, and share a cell with many men who have enlarged their penisses, taken Viagra and are looking for a new relationship.

#8 cxwq

cxwq

    Member

  • Founders
  • 3,634 posts

Posted 08 October 2004 - 07:08 PM

no, just put it in the div tags that are already there, above or below the existing content, wherever you want it. Those two div tags are applying two styles to the sidebar content which define, among other things, the font and positioning. Your google ads will just follow the same rules as the other stuff.
  • 0
<meta name="cxwq" content="mostly water">

#9 Alexthebeast

Alexthebeast

    Member

  • Members
  • 728 posts

Posted 08 October 2004 - 08:05 PM

Alright, thanks a ton.
  • 0
<Fooz> In a perfect world... spammers would get caught, go to jail, and share a cell with many men who have enlarged their penisses, taken Viagra and are looking for a new relationship.


0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users