Natrag   Forum.hr > Razno > Arhiva > Blog.hr

Blog.hr Mjesto za diskusije, Q&A, help vezane za Blog.hr

 
 
Tematski alati Opcije prikaza
Old 28.01.2013., 13:55   #1
Izmjene dizajna bloga

Kao šta se vidi, ovaj dizajn bloga se sastoji od 3 dijela, lijevi stupac, srednji glavni dio i desni stupac (kalendar)
Imam par pitanja, ako neko može da pomogne:
1 - kako da promijenim širine stupaca (lijevi i desni)
2 - kako da uklonim kalendar
Pretpostavljam da se to radi izmjenama u HTML kodu bloga, stoga evo kompletnog HTML koda mog bloga, pa ako neko ima volje da kaže kako to napraviti

<html>
<head>

<!-- Meta Information -->
<meta **********="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 {margin:0;background:#CF446F;}
h1 {font-family: helvetica,arial,verdana,"trebuchet ms",sans-serif;color: #4E1729;}
A {font-weight:bold;text-decoration:none;color:#E25984;}
A:hover {color:#BF277E;}
A.links:hover{color:#BF277E;}
.date{font-family: helvetica,arial,verdana,"trebuchet ms",sans-serif;color: black;font-size:16px;font-weight:bold;margin:10px;}
.sredina{font-family: helvetica,arial,verdana,"trebuchet ms",sans-serif;color:#000000;font-size:11px;padding:10px 20px 30px 20px;background:#F8EAF0;border-left:1px solid black;border-right:1px solid black;width:100%;}
.post{font-family: helvetica,arial,verdana,"trebuchet ms",sans-serif;color:#000000;font-size: 13px;line-height:18px;margin-top:10px;}
h2{font-family: helvetica,arial,verdana,"trebuchet ms",sans-serif;color:#BA476B;font-size:18px;margin:10px 0px -5px 0px;}
h3{font-family: helvetica,arial,verdana,"trebuchet ms",sans-serif;color:#C88FA2;font-size:15px;text-transform:uppercase;margin:30px 0px 0px 0px;}
h4{font-family: helvetica,arial,verdana,"trebuchet ms",sans-serif;font-size:110%; color:#000091; margin: 0px 0px 5px 0px;}
.box {font-family: Verdana, Arial, sans-serif;color: black;font-size:11px;margin:10px; border:1px solid black;padding:5px;background:#FBE2EA;line-height:18px;align-text:center;}
.logo{margin: 10px 10px 0px 10px; border:0px solid black;}
.slika{margin:0px 10px 5px 0px; border:0px solid black;width:200px;height:150px;}

.komentari {font-family:arial; font-size:10px; color:#767676; padding-bottom:3px;}

.kalendar-box{font-family: helvetica,arial,verdana,"trebuchet ms",sans-serif;colorhite;font-size:11px;margin:0px;padding:0px;background:#FBE2E A;border-top:1px solid black;border-bottom:1px solid black;}
.kalendar {width:100%; height:150px; font-size:10px;}
.kalendar-aktivni-dani {backgroundhite; text-align:center;}
.kalendar-aktivni-dani-linkovi {color:#191985; text-decoration:underline;}
.kalendar-aktivni-dani-linkovi:hover {color:red; text-decoration:none;}
.kalendar-neaktivni-dani {background:#F8EAF0; color:#191970; text-align:center;}
.kalendar-prazni-dani {background:#F8EAF0;}
.kalendar-nazivi-dana {background:#F8EAF0;color:#191985; text-align:center;}
.kalendar-mjesec-godina {background:#F8EAF0;color:#191985; text-align:center;}
.kalendar-strelica-natrag {background:#F8EAF0; text-align:center;}
.kalendar-strelica-natrag a:link {color:#191970;}
.kalendar-strelica-natrag a:visited{color:#191970;}
.kalendar-strelica-natrag a:active{color:#191970;}
.kalendar-strelica-natrag a:hover{color:red;}
.kalendar-strelica-naprijed {background:#F8EAF0; text-align:center;}
.kalendar-strelica-naprijed a:link {color:#191970;}
.kalendar-strelica-naprijed a:visited{color:#191970;}
.kalendar-strelica-naprijed a:active{color:#191970;}
.kalendar-strelica-naprijed a:hover{color:red;}

.quoted{margin: 0;padding: 0px 10px 0px 10px;margin: 15px 0px 15px 0px;border-left: 6px solid #f7d8e2;border-right: 6px solid #f7d8e2;color: #ba476b;}
</style>
<!-- Kraj -->

</head>

<body>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top" align="right">
<table width="170" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="50" ></td>
</tr>

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

<!-- Drugi box -->
<Box2>
<div class="box">
<b><$NaslovBoxa$></b>
<br>
<$TekstBoxa$>
</div>
</Box2>
<!-- Kraj -->

<!-- Četvrti box -->
<Box4>
<div class="box">
<b><$NaslovBoxa$></b>
<br>
<$TekstBoxa$>
</div>
</Box4>
<!-- Kraj -->

</table>
</td>

<td rowspan="5" valign="top" class="sredina">

<!-- Ime bloga -->
<h1><$ImeBloga$></h1>
<!-- Kraj -->

<!----- Ovdje se upravlja svim sadrzajima postova ----->
<Blog>

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

<!-- Naslov posta -->
<Naslov>
<h2><$NaslovPosta$></h2>
</Naslov>
<!-- Kraj -->

<table class="post">
<tr>
<td>

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

<!-- Tekst posta -->
<$TekstPosta$><br>
<!-- Kraj -->

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


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

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


</Blog>
<!-- Kraj -->

</td>

<td valign="top">
<table width="200" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="12"></td>
</tr>

<!-- Kalendar -->
<tr>
<td class="kalendar-box" height="100" width="200"><$Kalendar$></td>
</tr>
<!--kraj-->

<tr>
<td height="100" width="200">

<div class="box">

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

</div>



<!-- Prvi box -->
<Box1>
<div class="box">
<b><$NaslovBoxa$></b>
<br>
<$TekstBoxa$>
</div>
</Box1>
<!-- Kraj -->

<!-- Treci box -->
<Box3>
<div class="box">
<b><$NaslovBoxa$></b>
<br>
<$TekstBoxa$>
</div>
</Box3>
<!-- Kraj -->

</td>
</tr>

</table>

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

</body>
</html>
mydante is offline  
Old 31.01.2013., 08:50   #2
Izmjenio sam dizajn te bi sad preformulirao pitanja:
1-kako ukloniti kalendar
2-kako umetnuti tablicu sa dvije ćelije (jedan red, dvije kolone)


<html>
<head>

<!-- Meta Information -->
<meta **********="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>
body{margin:20px;0px;font-family:arial, helvetica;background-color:#C3CFE5}
.main{border:1px solid #000;background-color:#fff;padding:0px 0px 15px 15px}
.ImeBloga{font-size:43px;padding-left:0px;padding-top:10px;text-transform:none}
.DatumPosta{border-bottomolid 1px #C3CFE5;font-size:18px;text-align:left;margin-top:30px;width:300px;margin-bottom:0px;color:gray;font-weight:bold}
.NaslovPosta{font-size:16px;font-weight:bold;font-family:arial,helvetica;margin-top:10px;}
.Post{margin:15px 15px 0px 0px;}
.Post-font{font-size:100%;font-size:15px;line-height:22px;font-family:arial, helvetica;color:black;}
.IspodPosta{margin-left:0px;color:gray;font-size:10px}
.DesniStupac{border-left:1px solid #000;border-bottom:1px solid #000;float:right;padding:10px;width:160px;margin:0 px 0px 10px 10px;background-color:#eee;font-size:12px;font-weight:normal;}
p{margin:0px 0px 10px 0px;}
a{text-decoration:none}
a:hover{background-color:#C3CFE5}
.quoted {width:100%;Font-family:'Trebuchet MS',Verdana,Aria;font-size:12px;color:black;border:1px dotted;border-color:#840084;border-bottom-width:inherit;padding:5px 10px 5px 10px; margin:10px 10px 10px 10px;background:#FAF1F0;}
.logo{margin: 0px 0px 0px 0px; border:0px solid black;}
.slika{margin:0px 10px 5px 0px; border:0px solid black;width:200px;height:150px;}

.komentari{margin-bottom:0px;margin-left:0px;color:gray;font-size:10px}

.kalendar {width:100%;height:150px;font-size:10px;border-bottom:1px solid #000;}
.kalendar-aktivni-dani {backgroundhite;text-align:center;}
.kalendar-aktivni-dani-linkovi {color:blue;text-decoration:underline;}
.kalendar-aktivni-dani-linkovi:hover {color:black;text-decoration:none;}
.kalendar-neaktivni-dani {background:#EFEFEF;color:#606060;text-align:center;}
.kalendar-prazni-dani {background:#EFEFEF;}
.kalendar-nazivi-dana {background:#EFEFEF;color:black;text-align:center;}
.kalendar-mjesec-godina {background:#EFEFEF;color:black;text-align:center;}
.kalendar-strelica-natrag {background:#EFEFEF;color:black;text-align:center;}
.kalendar-strelica-natrag:hover {color:black;text-decoration:none;}
.kalendar-strelica-naprijed {background:#EFEFEF;color:black;text-align:center;}
.kalendar-strelica-naprijed:hover {color:black;text-decoration:none;}

.quoted {width:95%;Font-family:'Trebuchet MS',Verdana,Aria;font-size:12px;color:black;border:1px dotted;border-color:red;border-bottom-width:inherit;padding:5px 10px 5px 10px; margin:10px 10px 10px 10px;background:#FAF1F0;}

</style>
<!-- Kraj -->

</head>

<body>

<div class="main">

<div class="DesniStupac">

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

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

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

<!-- Prvi box -->
<Box1>
<p>
<b><$NaslovBoxa$></b>
<br>
<$TekstBoxa$>
</p>
</Box1>
<!-- Kraj -->

<!-- Drugi box -->
<Box2>
<p>
<b><$NaslovBoxa$></b>
<br>
<$TekstBoxa$>
</p>
</Box2>
<!-- Kraj -->

<!-- Treci box -->
<Box3>
<p>
<b><$NaslovBoxa$></b>
<br>
<$TekstBoxa$>
</p>
</Box3>
<!-- Kraj -->

<!-- Cetvrti box -->
<Box4>
<p>
<b><$NaslovBoxa$></b>
<br>
<$TekstBoxa$>
</p>
</Box4>
<!-- Kraj -->

</div>

<!-- Ime bloga -->
<div class="ImeBloga"><$ImeBloga$></div>
<!-- Kraj -->

<!----- Ovdje se upravlja svim sadrzajima postova ----->
<Blog>

<!-- Datum posta -->
<Datum>
<div class="DatumPosta">
<$DatumPosta$>, <$DanPosta$>
</div>
</Datum>
<!-- kraj -->

<div class="Post">

<!-- Naslov posta -->
<Naslov>
<span class="NaslovPosta"><a href="<$LinkPosta$>"><$NaslovPosta$></a></span><br>
</Naslov>
<!-- Kraj -->

<table class="Post-font">
<tr>
<td>

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

<!-- Tekst posta -->
<$TekstPosta$><br>
<!-- Kraj -->

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

<span 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>
<!-- Kraj -->

</span>

</div>

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

</Blog>
<!-- Kraj -->

</div>

</body>
</html>
mydante is offline  
Old 04.02.2013., 14:20   #3
Uklanjanje kalendara: makni ovaj kôd
HTML Code:
<!-- Kalendar -->
<tr>
<td class="kalendar-box" height="100" width="200"><$Kalendar$></td>
</tr>
<!--kraj-->
ili umjesto <$Kalendar$> stavi neki drugi sadržaj.

Tablica (jedan red, dvije kolone)
HTML Code:
<table>
  <tr>
    <td>1. kolona</td>
    <td>2. druga kolona</td>
  </tr>
</table>
Ako znaš gdje točno treba biti tablica, umetni ovaj kôd. Inače bez predznanja nije preporučljivo igranje s dizajnom.

Pokušaj sljedeći put koristiti opciju umetanja HTML-a u post (Wrap HTML tags around selected text) jer je inače sve nečitljivo...
K.Stjepan is offline  
Old 04.02.2013., 21:59   #4
Svaka ti čast, to je to šta sam tražio.
Ali ima jedan problem, zašto mi tablica nije pri vrhu nego je jedno 4...5 redi niže od naslova.
Pogledaj http://cropape.blog.hr/
mydante is offline  
Old 05.02.2013., 09:07   #5
Zašto mi tablica nije pri vrhu nego je jedno 4...5 redi niže od riječi TABLICA.
Nikakve razmake nisam umetao, nego sam COD od tablice zalijepio odmah ispod riječi TABLICA
mydante is offline  
Old 06.02.2013., 16:31   #6
Zato što si u kôd 23 puta stavio oznaku za novi red <br />

Savjetujem intenzivnije proučavanje HTML-a, ili angažiranje znalca, jer dizajn u ovoj fazi razvoja ima dosta pogrešaka.
K.Stjepan is offline  
Old 07.02.2013., 13:38   #7
Quote:
Zato što si u kôd 23 puta stavio oznaku za novi red <br />
Ma nema to veze s tim, ta 23 nova reda sam stavio ispod tablice a meni se praznina stvara poviše tablice.

Očito da blog sam stvara te <br /> i neznam kako ih obrisati.
Zato sam mislio ako se neko razumije u HTML pa da mi pomogne

Ovo je HTML COD dizajna mog bloga:

<html>
<head>

<!-- Meta Information -->
<meta **********="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 {margin:0;background:#CF446F;}
h1 {font-family: helvetica,arial,verdana,"trebuchet ms",sans-serif;color: #4E1729;}
A {font-weight:bold;text-decoration:none;color:#E25984;}
A:hover {color:#BF277E;}
A.links:hover{color:#BF277E;}
.date{font-family: helvetica,arial,verdana,"trebuchet ms",sans-serif;color: black;font-size:16px;font-weight:bold;margin:10px;}
.sredina{font-family: helvetica,arial,verdana,"trebuchet ms",sans-serif;color:#000000;font-size:11px;padding:10px 20px 30px 20px;background:#F8EAF0;border-left:1px solid black;border-right:1px solid black;width:100%;}
.post{font-family: helvetica,arial,verdana,"trebuchet ms",sans-serif;color:#000000;font-size: 13px;line-height:18px;margin-top:10px;}
h2{font-family: helvetica,arial,verdana,"trebuchet ms",sans-serif;color:#BA476B;font-size:18px;margin:10px 0px -5px 0px;}
h3{font-family: helvetica,arial,verdana,"trebuchet ms",sans-serif;color:#C88FA2;font-size:15px;text-transform:uppercase;margin:30px 0px 0px 0px;}
h4{font-family: helvetica,arial,verdana,"trebuchet ms",sans-serif;font-size:110%; color:#000091; margin: 0px 0px 5px 0px;}
.box {font-family: Verdana, Arial, sans-serif;color: black;font-size:11px;margin:10px; border:1px solid black;padding:5px;background:#FBE2EA;line-height:18px;align-text:center;}
.logo{margin: 10px 10px 0px 10px; border:0px solid black;}
.slika{margin:0px 10px 5px 0px; border:0px solid black;width:200px;height:150px;}

.komentari {font-family:arial; font-size:10px; color:#767676; padding-bottom:3px;}

.kalendar-box{font-family: helvetica,arial,verdana,"trebuchet ms",sans-serif;colorhite;font-size:11px;margin:0px;padding:0px;background:#FBE2E A;border-top:1px solid black;border-bottom:1px solid black;}

.quoted{margin: 0;padding: 0px 10px 0px 10px;margin: 15px 0px 15px 0px;border-left: 6px solid #f7d8e2;border-right: 6px solid #f7d8e2;color: #ba476b;}
</style>
<!-- Kraj -->

</head>

<body>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top" align="right">
<table width="170" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="50" ></td>
</tr>

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

<!-- Drugi box -->
<Box2>
<div class="box">
<b><$NaslovBoxa$></b>
<br>
<$TekstBoxa$>
</div>
</Box2>
<!-- Kraj -->

<!-- Četvrti box -->
<Box4>
<div class="box">
<b><$NaslovBoxa$></b>
<br>
<$TekstBoxa$>
</div>
</Box4>
<!-- Kraj -->

</table>
</td>

<td rowspan="5" valign="top" class="sredina">

<!-- Ime bloga -->
<h1><$ImeBloga$></h1>
<!-- Kraj -->

<!----- Ovdje se upravlja svim sadrzajima postova ----->
<Blog>


<!-- Naslov posta -->
<Naslov>
<h2><$NaslovPosta$></h2>
</Naslov>
<!-- Kraj -->

<table class="post">
<tr>
<td>

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

<!-- Tekst posta -->
<$TekstPosta$><br>
<!-- Kraj -->

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


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

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


</Blog>
<!-- Kraj -->

</td>

<td valign="top">
<table width="200" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="12"></td>
</tr>


<tr>
<td height="100" width="200">

<div class="box">

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

</div>



<!-- Prvi box -->
<Box1>
<div class="box">
<b><$NaslovBoxa$></b>
<br>
<$TekstBoxa$>
</div>
</Box1>
<!-- Kraj -->

<!-- Treci box -->
<Box3>
<div class="box">
<b><$NaslovBoxa$></b>
<br>
<$TekstBoxa$>
</div>
</Box3>
<!-- Kraj -->

</td>
</tr>

</table>

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

</body>
</html>
mydante is offline  
 


Tematski alati
Opcije prikaza

Kreni na podforum




Sva vremena su GMT +2. Trenutno vrijeme je: 11:14.