help my blog look better plz..

Discussion in 'OT Technology' started by JuRa, Oct 31, 2004.

  1. JuRa

    JuRa Guest

    its on croatian.. try to understand..

    this is the adress: r4.blog.hr

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html>
    <head>

    <!-- Meta Information -->
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
    <!--kraj-->

    <!--Ime bloga koje ce se prikazivati u tabu browsera-->
    <title><$ImeBloga$></title>
    <!--kraj-->

    <!-- Ovdje se upravlja izgledom bloga -->
    <style type="text/css">
    body {background-image: url("http://www.eas.asu.edu/~bme/facility/background.gif");background-repeat:repeat}
    a:link {background-image: url("http://");background-repeat:repeat}
    a:visited {color:#333366;font-size:100%;font-weight:bold; text-decoration:underline;}
    a:active {color:#333366;font-size:100%;font-weight:bold;text-decoration:underline;}
    a:hover {background-image: url("http://www.3summersinarow.net/archives/sand.jpg");background-repeat:repeat}

    /*--- IME BLOGA ---*/
    H1 {font:bold 200%/55px Helvetica,Arial,Verdana,Sans-serif;color:#000000;text-align:center;background-color:#EFEFEF;margin-left:-20px;margin-bottom:-20px;padding-left:8px;width:520px;text-decoration:none;}
    H1 a {color:#000000;text-decoration:none;}
    H1 a:visited {color:#000000;text-decoration:none;}
    H1 a:hover {color:#000000;text-decoration:none;}

    /*--- LIJEVI STUPAC ---*/
    #menu {width:200px;background-image: url("http://www.hollanders.com/otherpapers/images/gold.jpg");background-repeat:repeat:80%;line-height:12pt;font-family:verdana,trebuchet,sans-serif;padding-right:0px;text-align:right;padding-bottom:30px;padding-left:5px;}

    /*--- POSTOVI ---*/
    #sadrzaj {width:490px;color:#3A3A3A;text-align:left;margin-left:10px;margin-bottom:30px;padding-bottom:30px;padding-left:30px;border-left:1px dotted #999;}
    .slika{margin:0px 13px 10px 0px;border:0px solid black;border:0px;}
    .quoted {margin:0px;padding:0px 10px 0px 10px;margin:15px 0px 15px 0px;border-left:6px solid #EAEAEF;border-right:6px solid #EAEAEF;color:#8B8B8B;}

    /*--- TOČKASTE LINIJE U LIJEVOM STUPCU ---*/
    .razmak {border-bottom:1px dotted #999;margin-bottom:12px;}

    /*--- FONTOVI ---*/
    H2 {font-family:verdana,trebuchet,sans-serif;font-size:120%;color:#FFFFFF;font-weight:bold;line-height:150%;background-color:#333366;margin-left:-20px;padding-left:8px;width:520px}
    H3 {font-family:verdana,trebuchet,sans-serif;font-size:130%;color:#222222;font-weight:bold;margin-bottom:8px;}
    H4 {font-family:verdana,trebuchet,sans-serif;font-size:110%;color:#777777;margin-top:2px;margin-bottom:5px;font-weight:bold;}
    H5 {font-family:verdana,trebuchet,sans-serif;font-size:100%;color:#666666;margin-top:2px;margin-bottom:2px;font-weight:normal;}
    .ispodposta {font-family:verdana,trebuchet,sans-serif;font-size:11px;color:#3A3A3A;font-weight:normal;margin-bottom:20px;}

    /*--- PARAGRAFI ---*/
    p {font-family:verdana,arial, helvetica,trebuchet,sans-serif;font-size:100%;margin-top:0px;margin-bottom:12px;margin-left:0px;font-weight:normal;}
    ul {font-family:Verdana,Arial,Helvetica;font-size:100%;margin-top:0px;margin-bottom:12px;}
    ol {font-family:Verdana,Arial,Helvetica;font-size:100%;margin-top:0px; margin-bottom:12px;}
    li {font-family:Verdana,Arial,Helvetica;font-size:100%;margin-left:0px;margin-top:0px;margin-bottom:4px;}

    /*--- KOMENTARI ---*/
    .komentari{font-family: Verdana, Arial, sans-serif;color: #999999;font-size:11px;margin-bottom:0px;margin-top:5px;margin-left:0px;}

    /*--- LOGO ---*/
    .logo{margin: 0px 0px 0px 1px;border:0px solid black;}

    /*--- KALENDAR ---*/
    .kalendar {width:200px; background-color:#CCCCCC;text-align:center;font-size:90%;font-family: verdana,trebuchet,sans-serif;}
    .kalendar-aktivni-dani {background:#CCCCCC;}
    .kalendar-aktivni-dani-linkovi {color:#333366;font-size:11px;font-weight:bold;text-decoration:none;}
    .kalendar-aktivni-dani-linkovi:visited {color:#333366;}
    .kalendar-aktivni-dani-linkovi:hover {color:#333366;text-decoration:none;}
    .kalendar-neaktivni-dani {background:#FFFFFF; color:#333366;}
    .kalendar-prazni-dani {background:#FFFFFF;}
    .kalendar-nazivi-dana {background:#EFEFEF;color:#000000;font-weight:bold;text-align:center;}
    .kalendar-mjesec-godina {background:#333366;color:#F2F2F2;font-weight:bold;text-align:center;}
    .kalendar-strelica-natrag {background:#333366;}
    .kalendar-strelica-natrag a:link {color:#FFFFFF;font-weight:bold;text-decoration:none;}
    .kalendar-strelica-natrag a:visited{color:#FFFFFF;text-decoration:none;}
    .kalendar-strelica-natrag a:active{color:#FF2222;}
    .kalendar-strelica-natrag a:hover{color:#FF2222;text-decoration:underline;}
    .kalendar-strelica-naprijed {background:#333366;}
    .kalendar-strelica-naprijed a:link {color:#FFFFFF;font-weight:bold;text-decoration:none;}
    .kalendar-strelica-naprijed a:visited{color:#FFFFFF;text-decoration:none;}
    .kalendar-strelica-naprijed a:active{color:#FF2222;}
    .kalendar-strelica-naprijed a:hover{color:#FF2222;text-decoration:underline;}
    </style>
    <!-- Kraj -->

    </head>

    <body>

    <!-- Lijevi stupac -->
    <table border="0" cellpadding="0" cellspacing="0">
    <td valign="top" width="113" >

    <div id="menu">

    <!-- Logo -->
    <Logo>
    <p><A HREF="<$LinkBloga$>"><IMG SRC="<$Logo$>" ALT="<$LogoTekst$>" class="logo"></A></p>
    </Logo>
    <!-- Logo kraj -->

    <!-- Kalendar -->
    <p>
    <$Kalendar$>
    </p>
    <!-- Kalendar kraj-->

    <!-- Link za prikaz komentara -->
    <A HREF="<$PrikazKomentara$>">Komentari On/Off</A>
    <!-- Link za prikaz komentara kraj-->

    <!-- Molimo da ne micete ovu varijablu jer
    ce se koristi za eventualne obavijesti. Hvala! -->
    <p><$Banner$></p>
    <!-- Kraj -->

    <div class="razmak"></div>

    <!-- Prvi box -->
    <Box1>
    <h4>
    <$NaslovBoxa$>
    </h4>
    <p>
    <$TekstBoxa$>
    <!-- Start of StatCounter Code -->
    <script type="text/javascript" language="javascript">
    var sc_project=433448;
    var sc_partition=2;
    </script>

    <script type="text/javascript" language="javascript" src="http://www.statcounter.com/counter/counter.js"></script><noscript><a href="http://www.statcounter.com/" target="_blank"><img src="http://c3.statcounter.com/counter.php?sc_project=433448&java=0" alt="free hit counter" border="0"></a> </noscript>
    <!-- End of StatCounter Code -->
    </p>
    <div class="razmak"></div>
    </Box1>
    <!-- Prvi box kraj -->

    <!-- Drugi box -->
    <Box2>
    <h4>
    <$NaslovBoxa$>
    </h4>
    <p>
    <$TekstBoxa$>
    </p>
    <div class="razmak"></div>
    </Box2>
    <!-- Drugi box kraj -->

    <!-- Treci box -->
    <Box3>
    <h4>
    <$NaslovBoxa$>
    </h4>
    <p>
    <$TekstBoxa$>
    </p>
    <div class="razmak"></div>
    </Box3>
    <!-- Treci box kraj -->

    <!-- Cetvrti box -->
    <Box4>
    <h4>
    <$NaslovBoxa$>
    </h4>
    <p>
    <$TekstBoxa$>
    </p>
    <div class="razmak"></div>
    </Box4>
    <!-- Cetvrti box kraj -->

    <!-- Lijevi stupac kraj-->

    </div>

    </td>

    <!-- Sadrzaj -->
    <td valign="top" width="580">

    <div id="sadrzaj">

    <!-- Ime bloga -->
    <h1><a href="<$LinkBloga$>"><$ImeBloga$></a></h1>
    <!-- Ime bloga kraj-->

    <!-- Postovi -->
    <Blog>

    <!-- Datum posta -->
    <Datum>
    <h2><$DanPosta$>, <$DatumPosta$></h2>
    </Datum>
    <!-- Datum posta kraj-->

    <table>
    <tr>
    <td>

    <!-- Naslov posta -->
    <Naslov>
    <h3><$NaslovPosta$></h3>
    </Naslov>
    <!-- Naslov posta kraj -->

    <!-- Slika uz post -->
    <Slika>
    <IMG SRC="<$SlikaPosta$>" ALT="<$SlikaTekst$>" class="slika" ALIGN=LEFT>
    </Slika>
    <!-- Slika uz post kraj -->

    <!-- Tekst posta-->
    <p>
    <p><$TekstPosta$></p>
    </p>
    <!-- Tekst posta -->

    </td>
    </tr>
    </table>

    <div class="ispodposta">

    <!-- Sadrzaji ispod posta -->
    - <$VrijemePosta$> -
    <A HREF="<$KomentariPosta$>" TARGET="_blank">Komentari</A> (<$BrojKomentara$>) -
    <A HREF="<$LinkZaPrint$>" TARGET="_blank">Isprintaj</A> -
    <A HREF="<$LinkPosta$>" title="Permalink">#</A>
    <!-- Sadrzaji ispod posta kraj -->


    <!-- Komentari ispod posta -->
    <Komentari>
    <li class="komentari"><$TekstKomentara$> (<$AutorKomentara$> <$DatumKomentara$> <$VrijemeKomentara$>)</i><BR>
    </Komentari>
    <!-- Komentari ispod posta kraj -->

    </div>

    </Blog>
    <!-- Postovi kraj-->

    </div>

    <!-- Closing div tag for right side content -->
    </div>

    </td>
    </tr>
    </table>
    <!-- Sadrzaj kraj -->

    </body>
    </html>
     
  2. deezil

    deezil Guest

    It's a MovableType based blog, I can tell that from the code. To make it look better, though, you don't need to edit the index.html file, but the styles-site.css file. That contains all the code for fonts, colors, things like that.
     

Share This Page