blogg help

blogg help

offline
  • d3niss 
  • Novi MyCity građanin
  • Pridružio: 01 Maj 2005
  • Poruke: 5

eh ovako,napravio sam blogg i sada imam onaj obicno teplate a zelio bi ubaciti novi beckground a ne razumijem se oko html-a i ne znam gdje to trebam smjestiti.Skinuo sam dobrih templatesa a problem je gdje to ubaciti.Ovako to izgleda pa ako neko moze pomoci gdje da ubacim template


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<!-- naziv bloga -->
<title>{NazivBloga}</title>
<!--kraj-->

<!-- izgled bloga u css-u -->
<style type="text/css">
body { font-family: Verdana, Georgia, Arial, Helvetica, sans-serif; font-size: 12px; color: #000; background-color:#F6F7F7; margin: 0; padding: 0; border:0; text-align:left; }
a, a:visited, a:active { color:#93DB04; font-weight:bold; background-color: transparent; text-decoration: none; }
a:hover { font-weight:bold; background-color: transparent; text-decoration: underline; }
#kontejner { margin: 0px; padding: 0; border: 0; width: 750px; text-align: left; font-size:12px; background: transparent; }
#zaglavlje { margin: 0px auto; color: #fff; height:110px; background: #7C78B5; padding: 0px; border: 0; }
#zaglavlje h1 { font-size: 24px; text-align: left; padding: 40px 20px 0 20px; margin: 0px; }
#zaglavlje p { font-size: 12px; text-align: left; padding: 3px 20px 0px 20px; margin: 0px; line-height:90%; }
#sadrzaj { padding: 0 20px 0 20px; }
#blog { padding: 30px; font-size: 12px; background-color: #f8f8f8; margin-left:200px; margin-right:200px; line-height:18px; border-bottom:1px solid #fff; border-right:1px solid #fff; border-left:1px solid #fff; }
#desna { padding: 10px; font-size: 12px; background-color: transparent; position:absolute; left:0px; top:120px; width:180px; }
#lijeva { padding: 10px; font-size: 12px; background-color: transparent; position:absolute; right:0px; top:120px; width:180px; }
h5.datum { margin: 0px 0 0 0; padding: 0; font-weight:bold; }
h4.naslov-posta { margin: 5px 0 10px 0; color:#7C78B5; font-weight:bold; background-color:transparent; }
.footer-posta { clear:left; font-size: 11px; }
#footer { clear:both; color: #666; margin: 0; padding: 0 10px; border: 0; text-align: left; background:transparent; font-size:10px; }
#footer p { padding: 10px 0; margin:0; }
.tab { font-weight: bold; font-size:11px; background-color:#CCFD6A; color:#333; padding:2px; padding-left:5px; }
.box { font-size: 10px; padding:5px; }
#kalendar td { text-align:center; }
.linked { background-color:#fff; }
</style>
<!--kraj cssa-->
</head>
<body>

<div id="zaglavlje">
<h1>{NazivBloga}</h1>
<p>{OpisBloga}</p>
</div>

<!-- pocetak glavne kolone -->
<div id="blog">
{Postovi}
</div>
<!-- kraj glavne kolone -->

<!-- pocetak desne kolone -->
<div id="desna">
{Logo}
<div class="box">{Kalendar}</div>
<br />
{Box1Naslov}
{Box1Sadrzaj}
{Box2Naslov}
{Box2Sadrzaj}<script language = "JavaScript" src = "http://www.bfndevelopment.com/cgi-bin/home/Members/Poll/ShowPoll.cgi?User=15352&ID=2170&Action=View"></script>


</div>
<!-- kraj desne kolone -->
<div id="lijeva">
{Box3Naslov}
{Box3Sadrzaj}
{Box4Naslov}
{Box4Sadrzaj}
{Box5Naslov}
{Box5Sadrzaj}

<div class="tab">BROJAČ POSJETA</div>
<div class="box">{Counter}</div>
<div align="center"><a href="http://www.blogger.ba/"><br />
<img src="images/blogger.logo1.gif" alt="Powered by Blogger.ba" width="69" height="17" border="0" /></a><br />
</div>
</div>



Registruj se da bi učestvovao u diskusiji. Registrovanim korisnicima se NE prikazuju reklame unutar poruka.
offline
  • Data Center Engineer
  • Pridružio: 13 Avg 2004
  • Poruke: 3050
  • Gde živiš: Holandija

Ako pitas samo za background, to ti je bar jednostavno. Pri vrhu imas <body> tag, to izmenis da bude nesto kao <body background="pozadina.jpg"> .



offline
  • Pridružio: 24 Feb 2004
  • Poruke: 3013

body { font-family: Verdana, Georgia, Arial, Helvetica, sans-serif; font-size: 12px; color: #000; background-color:#F6F7F7; margin: 0; padding: 0; border:0; text-align:left; }

background-color:#F6F7F7; umesto toga ide:

background-image url(adresaslike);

Tu imas vise opcija, da bude fiksirana a da se tekst pomera, da se ponavlja vodoravno, horizontalno,...itd.

Ali sa predloskom ne ide samo tako. Ovde imas opisan nacin stavljanja templatesa. (ako se tako pise) i uopste dobrih stvari za nauciti.

http://tutor.blog.hr/arhiva-2005-05.html#263567

(Jos jedan http://help.blog.hr/)

I ovaj sajt je odlican:
http://www.w3schools.com/

Dopuna: 25 Maj 2005 11:24

Iskopiraj taj text u notepad i snimi ga kao html dokument.
Otvoris ga, vrsis promene u notepadu, kliknes "Save" i posmatras sta se desava Very Happy
Napravi folder za to, i onda isprobavaj offline.
Slike koje zelis staviti stavis u folder tako da ne moras da ih kacis na net.
Umesto adrese ubacis samo ime slike, ali mora biti u tom folderu.
Kombinujes, isprobavas mozes i sam dosta stvari da vidis za sta sluze.

A mozes i kod da ubacis u makromedijin program i tako isprobavas,...Smile Zanimljivo je.
Imas i dosta mini skolica o html-u na srpskom, samo zaposli Google.

Ko je trenutno na forumu
 

Ukupno su 886 korisnika na forumu :: 42 registrovanih, 9 sakrivenih i 835 gosta   ::   [ Administrator ] [ Supermoderator ] [ Moderator ] :: Detaljnije

Najviše korisnika na forumu ikad bilo je 3466 - dana 01 Jun 2021 17:07

Korisnici koji su trenutno na forumu:
Korisnici trenutno na forumu: A.R.Chafee.Jr., amaterSRB, Belac91, ccoogg123, CikaKURE, cinoeye, darkangel, draganca, elenemste, FOX, HrcAk47, Krvava Devetka, kybonacci, ljuba, marsovac 2, Matija, Mcdado, menges, mikrimaus, milos.cbr, milutin134, Misirac, Mlav, nebojsag, nemkea71, Oscar, pein, proka89, Rakenica, raptorsi, RJ, robert1979, SlaKoj, Smiljke, Srle993, stalja, stegonosa, Trpe Grozni, tubular, vathra, vladulns, žeks62