MyCity » Web dizajn / HTML » blogg help

blogg help

Napisano na dan: 25.5.2005

blogg help
Sledeća strana Pagination

Idi na vrh

Poslao: 25 Maj 2005 09:58
Idi na vrh
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.
Poslao: 25 Maj 2005 10:11
Idi na vrh
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"> .



Poslao: 25 Maj 2005 10:24
Idi na vrh
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.

MyCity » Web dizajn / HTML » blogg help

Ko je trenutno na forumu
 

Ukupno su 857 korisnika na forumu :: 25 registrovanih, 6 sakrivenih i 826 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: babaroga, bigfoot, bojankrstc, bojcistv, ccoogg123, CikaKURE, Dannyboy, Denaya, djboj, djuradj, Dogma21, Georgius, Kubovac, kybonacci, LastTsar, marsovac 2, opt1, Sass Drake, Shinobi, Srky Boy, stankolich, TalicniTom, vathra, Vlada78, wizzardone