Free Porn (1 Viewer)

Status
Not open for further replies.

River

Senior Member
Jun 15, 2004
2,261
#1
Now that I have your attention. Any of you technology geeks handy with CSS?

Right now my blog is like the first one. I want it like the second one. Ive tried but failed.

Note:
- there used to be an image where that white space is. (like the 3 dots on eriks old blog layout)
- Id like the highlight on the title aswell. :)

Anyone? :D
 

Buy on AliExpress.com
OP
River

River

Senior Member
Jun 15, 2004
2,261
  • Thread Starter
  • Thread Starter #6
    Martin
    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:     Dots
    Designer: Douglas Bowman
    URL:      [url]www.stopdesign.com[/url]
    Date:     24 Feb 2004
    ----------------------------------------------- */
    
    
    body {
      background:#fff;
      margin:0;
      padding:0 10px;
      text-align:center;
      font:x-small Verdana,Arial,Sans-serif;
      color:#333;
      font-size/* */:/**/small;
      font-size: /**/small;
      }
    
    
    /* Page Structure
    ----------------------------------------------- */
    #content {
      background:#FFFFFF;
      width:700px;
      margin:0 auto;
      padding:50px 0;
      text-align:left;
      }
    #main {
      width:460px;
      float:right;
      padding:50px 0 20px;
      font-size:85%;
      }
    #main2 {
      background:#F0F8FB;
      padding:20px 10px 15px;
      }
    #sidebar {
      width:200px;
      float:left;
      font-size:85%;
      padding-bottom:20px;
      }
    #sidebar2 {
      background:#F0F8FB;
      padding:5px 10px 15px;
      width:200px;
      width/* */:/**/180px;
      width: /**/180px;
      }
    html>body #main, html>body #sidebar {
      /* We only give this fade from white to nothing to
         browsers that can handle 24-bit transparent PNGs  */
      background/* */:/**/url("http://www.blogblog.com/dots/bg_white_fade.png") repeat-x left bottom;
      }
    
    
    /* Title & Description
    ----------------------------------------------- */
    #blog-title {
      margin:0 0 .5em;
      font:175%/1.4em Georgia,Serif;
      color:#01364F;
      }
    #blog-title a {
      color:#01364F;
      text-decoration:none;
      }
    #description {
      margin:0 0 1.75em;
      color:#01364F;
      }
    
    
    /* Links
    ----------------------------------------------- */
    a:link {
      color:#FF0078;
      }
    a:visited {
      color:#FF0078;
      }
    a:hover {
      color:#000;
      }
    a img {
      border-width:0;
      }
    
    
    /* Posts
    ----------------------------------------------- */
    .date-header {
      margin:0 0 .75em;
      padding-bottom:.35em;
      border-bottom:1px dotted #01364F;
      font:95%/1.4em Georgia,Serif;
      text-transform:uppercase;
      letter-spacing:.3em;
      color:#01364F;
      }
    .post {
      margin:0 0 2.5em;
      }
    .post-title {
      margin:.25em 0;
      font:bold 130%/1.4em Georgia,Serif;
      color:#01364F;
      }
    .post-title a, .post-title strong {
      background:url("http://www.blogblog.com/dots/bg_post_title.gif") no-repeat 0 .25em;
      display:block;
      color:#01364F;
      text-decoration:none;
      padding:0 0 1px 45px;
      }
    .post-title a:hover {
      color:#000;
      }
    .post p {
      margin:0 0 .75em;
      line-height:1.6em;
      }
    p.post-footer {
      margin:0;
      text-align:right;
      }
    p.post-footer em {
      display:block;
      float:left;
      text-align:left;
      font-style:normal;
      color:#01364F;
      }
    a.comment-link {
      /* IE5.0/Win doesn't apply padding to inline elements,
         so we hide these two declarations from it */
      background/* */:/**/url("http://www.blogblog.com/dots/icon_comment.gif") no-repeat 0 .25em;
      padding-left:15px;
      }
    html>body a.comment-link {
      /* Respecified, for IE5/Mac's benefit */
      background:url("http://www.blogblog.com/dots/icon_comment.gif") no-repeat 0 .25em;
      padding-left:15px;
      }
    .post img {
      margin:0 0 5px 0;
      padding:4px;
      border:1px solid #cca;
      }
    
    
    /* Comments
    ----------------------------------------------- */
    #comments {
      margin:0;
      }
    #comments h4 {
      margin:0 0 10px;
      border-top:1px dotted #9b9;
      padding-top:.5em;
      font:bold 110%/1.4em Georgia,Serif;
      color:#333;
      }
    #comments-block {
      line-height:1.6em;
      }
    .comment-poster {
      background:url("http://www.blogblog.com/dots/icon_comment.gif") no-repeat 2px .35em;
      margin:.5em 0 0;
      padding:0 0 0 20px;
      font-weight:bold;
      }
    .comment-body {
      margin:0;
      padding:0 0 0 20px;
      }
    .comment-body p {
      margin:0 0 .5em;
      }
    .comment-timestamp {
      margin:0 0 .5em;
      padding:0 0 .75em 20px;
      color:#01364F;
      }
    .comment-timestamp a:link {
      color:#01364F;
      }
    .deleted-comment {
      font-style:italic;
      color:gray;
      }
    
    
    /* More Sidebar Content
    ----------------------------------------------- */
    .sidebar-title {
      margin:2em 0 .75em;
      padding-bottom:.35em;
      border-bottom:1px dotted #01364F;
      font:95%/1.4em Georgia,Serif;
      text-transform:uppercase;
      letter-spacing:.3em;
      color:#01364F;
      }
    #sidebar p {
      margin:0 0 .75em;
      line-height:1.6em;
      }
    
    #sidebar ul {
      margin:.5em 0 1em;
      padding:0 0px;
      list-style:none;
      line-height:1.5em;
      }
    #sidebar ul li {
      background:url("http://www.blogblog.com/dots/bullet.gif") no-repeat 3px .45em;
      margin:0;
      padding:0 0 5px 15px;
      }
    #sidebar p {
      margin:0 0 .6em;
      }
    
    
    /* Profile
    ----------------------------------------------- */
    .profile-datablock {
      margin:0 0 1em;
      }
    .profile-img {
      display:inline;
      }
    .profile-img img {
      float:left;
      margin:0 8px 5px 0;
      border:4px solid #cc9;
      }
    .profile-data {
      margin:0;
      line-height:1.5em;
      }
    .profile-data strong {
      display:block;
      }
    .profile-textblock {
      clear:left;
      }
    
    
    /* Footer
    ----------------------------------------------- */
    #footer {
      clear:both;
      padding:15px 0 0;
      }
    #footer hr {
      display:none;
      }
    #footer p {
      margin:0;
      }
      </style>
    
    </head>
    
    
    
    <body>
    
    
    
    <!-- Begin #content -->
    
    <div id="content">
    
    
    
    
    
    
    <!-- Begin #sidebar -->
    
    <div id="sidebar"><div id="sidebar2">
    
        <h1 id="blog-title">
        <ItemPage><a href="<$BlogURL$>"></ItemPage>
    	<$BlogTitle$>
    	<ItemPage></a></ItemPage>
      </h1>
    
        <p id="description"><$BlogDescription$></p>
    
    
    
    
    
    
    
      <!-- 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>
    
    <h2 class="sidebar-title">Links</h2>
    &nbsp;<img src="http://www.blogblog.com/dots/bullet.gif"> <a href="http://abeautifulrevolution.typepad.com">A Beautiful Revolution</a>&nbsp;<br>
    &nbsp;<img src="http://www.blogblog.com/dots/bullet.gif"> <a href="http://willfixyourbike.blogspot.com/">Erik</a>&nbsp;<br>
    &nbsp;<img src="http://www.blogblog.com/dots/bullet.gif"> <a href="http://www.xanga.com/poebae/">Graham</a>&nbsp;<br>
    &nbsp;<img src="http://www.blogblog.com/dots/bullet.gif"> <a href="http://www.juventuz.net/numerodix/blog/">Martin</a>&nbsp;<br>
    &nbsp;<img src="http://www.blogblog.com/dots/bullet.gif"> <a href="http://ninja*****deluxe.typepad.com">Ninja ***** Deluxe</a>&nbsp;<br>
    &nbsp;<img src="http://www.blogblog.com/dots/bullet.gif"> <a href="http://perfectcrime.blogspot.com/">Perfect Crime</a><br>
    &nbsp;<img src="http://www.blogblog.com/dots/bullet.gif"> <a href="http://www.aprima.org/">Sarah</a><br>
    
    &nbsp;<img src="http://www.blogblog.com/dots/bullet.gif"> <a target="_blank" href="http://www.ringsurf.com/netring?ring=blogging_brits;id=1459;action=prev" title="Previous Site">«</a><a target="_blank" href="http://www.ringsurf.com/netring?ring=blogging_brits;id=1459;action=list" title="List Sites">#</a><a target="_blank" href="http://www.bloggingbrits.co.uk/" title="Ring Home">Blogging Brits</a><a target="_blank" href="http://www.ringsurf.com/netring?ring=blogging_brits;id=1459;action=rand" title="Random Site">?</a><a target="_blank" href="http://www.ringsurf.com/netring?ring=blogging_brits;id=1459;action=next" title="Next Site">»</a>
    <!--&nbsp;<img src="http://www.blogblog.com/dots/bullet.gif"> <a href="http://www.theweblogreview.com">The Weblog Review</a>-->
    <br><br>
    <a href="http://www.blogger.com"><img src="http://buttons.blogger.com/bloggerbutton1.gif" alt="Powered by Blogger" /></a>
    <br>
    &nbsp;<a href="http://www.blogwise.com/" target="_blank"><img src="http://www.blogwise.com/buttons/banner_blogwise.gif" border="1" width="80" height="15" alt="Listed on Blogwise"></a>
    <br>
    &nbsp;<a href="http://www.britblog.com/" title="The British Bloggers Directory."><img src="http://www.britblog.com/images/icon_britblog_80x15.gif" width="80" height="15" border="0" alt="The British Bloggers Directory."></a>
    <br>&nbsp;<a href="http://www.imood.com/users/helloriver"><img src="http://moods.imood.com/display/uname=helloriver/fg=FF0078/trans=1/imood.gif" alt="The current mood of helloriver at [url]www.imood.com[/url]" border="0"></a>
    
        <!--
    
      <p>This is a paragraph of text that could go in the sidebar.</p>
    
      -->
    
      </div></div>
    
    <!-- End #sidebar -->
    
    
    
    
    
    
    
    
    
    
    
    
    <!-- Begin #main - Contains main-column blog content -->
    
    <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">
    	<p>
          <$BlogItemBody$>
        </p>
    
        </div>
    
            <p class="post-footer">
    
          <em>posted by <$BlogItemAuthorNickname$> @ <a href="<$BlogItemPermalinkUrl$>" title="permanent link"><$BlogItemDateTime$></a></em>&nbsp;
    
          <MainOrArchivePage><BlogItemCommentsEnabled>
             <a class="comment-link" href="<$BlogItemPermalinkURL$>#comments"><$BlogItemCommentCount$> comments</a>
    
          </BlogItemCommentsEnabled></MainOrArchivePage> <$BlogItemControl$>
    
        </p>
    
        </div>
    
      <!-- End .post -->
    
            <!-- Begin #comments -->
     <ItemPage>
      <div id="comments">
    
    	<BlogItemCommentsEnabled><a name="comments"></a>
    
    
    
        <h4><$BlogItemCommentCount$> Comments:</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="#c<$BlogCommentNumber$>" title="comment permalink"><$BlogCommentDateTime$></a>
    
    	  <$BlogCommentDeleteIcon$>
          </dd>
          </BlogItemComments>
    
        </dl>
    		<p class="comment-timestamp">
        <$BlogItemCreate$>
        </p>
        </BlogItemCommentsEnabled>
    		<p class="comment-timestamp">
    
    	<a href="<$BlogURL$>"><< Home</a>
        </p>
        </div>
    
    </ItemPage>
    
      <!-- End #comments -->
    
    
    </Blogger>
    </div></div>
    
    <!-- End #main -->
    
    
    
    
    
    
    
    
    
    
    
    <!-- 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 -->
    
    </div>
    
    <!-- End #content -->
    
    <script language="JavaScript" type="text/JavaScript" src="http://www.reinvigorate.net/archive/app.bin/jsinclude.php?19002"></script>
    
    </body>
    
    </html>
     

    Art^

    StrikerMania Champ 2004
    Jan 11, 2003
    2,905
    #13
    Cant believe you fell for it. Come on, a girl asking for free porn is like when a guy asks were to buy a vacuum cleaner.
     

    K10

    Senior Member
    Jul 12, 2002
    2,698
    #14
    ++ [ originally posted by Art^ ] ++
    Cant believe you fell for it. Come on, a girl asking for free porn is like when a guy asks were to buy a vacuum cleaner.
    or a married guy asking his wife for sex
     
    Status
    Not open for further replies.

    Users Who Are Viewing This Thread (Users: 0, Guests: 1)