Сајт Артем Гребенюк

Odlučio sam da sve pitanja vezana za tematizaciju mog sajta smestim u jednu temu.

Poslali su me ovde po savet iz Vkontakte-a.

Odmah na stvar:

Tematizujem Drupal, Page.tpl.php sam napravio bez problema.

Pojavili su se problemi u  Node.tpl.php

Znači, dato je:

Css 

.node#wrapper{width:720px; margin:0 auto;}
.node#title{height:20px; width:720px; font-size:20px; font-family:Arial, Helvetica, sans-serif; color:#37B700;}
.node#title::first-letter{text-transform:uppercase} 
.node#title a{color:#37B700; text-decoration:none;}
.node#title a:hover{color:#37B700; text-decoration:underline;}
.node#posttitle{height:10px; width:720px; font-size:9px; font-family:Arial, Helvetica, sans-serif; color:#AAA;}
.node#posttitle::first-letter{text-transform:uppercase}
.node#posttitle a{text-decoration:none}
.node#posttitle a:hover{text-decoration:underline}
.node#img{float:left; margin-right:5px;margin-bottom:5px; border:ridge 2px #CCC}
.node#comments{display:block; width:50px; height:60px; float:right; margin-left:5px; margin-bottom:5px; background:url(images/comment.png); font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:24px; text-decoration:none; text-align:center;}
.node#comments p{ margin-top:13px;}
.node#more{background-image:url(images/more.png);display: block;float: right;height: 28px;line-height: 24px;margin-left: 5px;font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:14px;text-decoration:none; text-align:center;width: 85px;}
.node#content{width:720px; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:justify;}
.node#post{width:738px; height:8px; margin-left:-8px; background:url(../images/postnode.png); clear:both; margin-top:35px; background-repeat:repeat-x; margin-bottom:6px;}
.node#tagsnode{float:left; margin-top: 5px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.node#tagsnode a{color:#37B700; text-decoration:none;}
.node#tagsnode a:hover{color:#37B700; text-decoration:underline;} 

Html

<div class="node" id="wrapper">
<div class="node" id="title">prosto tekst <a href="#">link</a></div>
<div class="node" id="posttitle">prosto tekst <a href="#">link</a></div>
<hr width="100%" size="3">
<div class="node" id="img"><img src="logo.png" /></div>
<a href="#" class="node" id="comments"><p>56</p></a>
<div class="node" id="content">Svetska mreža se sastoji od miliona veb servera širom sveta. Veb server je program koji se pokreće na računaru povezanom na mrežu i koristi HTTP protokol za prenos podataka. U najjednostavnijem obliku, takav program prima HTTP zahtev za određeni resurs, pronalazi odgovarajući fajl na lokalnom hard disku i šalje ga preko mreže zahtevaču. Složeniji veb serveri mogu dinamički raspodeliti resurse kao odgovor na HTTP zahtev. Za identifikaciju resursa (često fajlova ili njihovih delova) na svetskoj mreži koriste se jedinstveni identifikatori resursa URI (eng. Uniform Resource Identifier). Za određivanje lokacije resursa na mreži koriste se jedinstveni lokatori resursa URL (eng. Uniform Resource Locator). Ovi URL lokatori kombinuju tehnologiju identifikacije URI i sistem domena DNS (eng. Domain Name System) — domen ime (ili direktno IP adresa u numeričkom zapisu) je deo URL-a koji označava računar (tačnije — jedan od njegovih mrežnih interfejsa) koji izvršava kod potrebnog veb servera.
Za pregled informacija dobijenih od veb servera, na klijentskom računaru koristi se poseban program — veb pretraživač. Osnovna funkcija veb pretraživača je prikazivanje hiperteksta. Svetska mreža je neraskidivo povezana sa pojmovima hiperteksta i hiperlinka. Većina informacija na Vebu predstavlja upravo hipertekst. Da bi se olakšalo kreiranje, čuvanje i prikazivanje hiperteksta na svetskoj mreži, tradicionalno se koristi jezik HTML (eng. HyperText Markup Language), jezik za označavanje hiperteksta. Rad na označavanju hiperteksta naziva se vrstom, a majstori za označavanje nazivaju se veb-majstorima ili vebmasterima (bez crte). Nakon HTML označavanja, dobijeni hipertekst se smešta u fajl, takav HTML fajl je osnovni resurs svetske mreže. Kada HTML fajl postane dostupan veb serveru, počinje da se naziva "veb stranica". Skup veb stranica čini veb sajt. U hipertekst veb stranica dodaju se hiperlinkovi. Hiperlinkovi pomažu korisnicima svetske mreže da lako prelaze između resursa (fajlova) bez obzira na to da li se resursi nalaze na lokalnom računaru ili na udaljenom serveru. Hiperlinkovi na vebu zasnivaju se na tehnologiji URL.</div>
<div><div class="node" id="tagsnode">Tagovi: <a href="#">Jedan tag</a>, <a href="#">Dva taga</a>, <a href="#">Tri taga</a></div><a href="#" id="more" class="node">Više informacija</a></div>
<div class="node" id="post"></div>
</div>

Evo kako to izgleda 

Dalje integrišem u Drupal: Css ostaje isti, a ovo je sam Node.tpl.php (do mesta gde treba da se prikazuju komentari i sve to još nisam stigao)

<div class="node" id="wrapper">
<div class="node" id="title"><?php if ($page == 0): ?><a href="<?php print $node_url; ?>"><?php endif; ?><?php print $title ?><?php if ($page == 0): ?></a><?php endif; ?></div>
<div class="node" id="posttitle"><?php print $submitted ?></div>
<hr width="100%" size="3">
<?php if ($content[field_image]): ?>
<div class="node" id="img"><?php print render($content['field_image'])?></div>
<?php endif; ?>
<a href="<?php print $node_url; ?>" class="node" id="comments"><p><?php print $comment_count ?></p></a>
<div class="node" id="content"><?php print render($content['body'])?></div>
<div><div class="node" id="tagsnode"><?php print render($content['field_tags']) ?></div><a href="<?php print $node_url; ?>" id="more" class="node">Detaljnije</a></div>
 <?php print render($content['comments']);  ?>
<div class="node" id="post"></div></div>

А ево како се то приказује на сајту 

Значи питање број један! Како да се ослободим додатних дивова због којих је овај одступ?

Питање број два! Како да уместо речи тагс буде реч тэги, да иду у ред и са запетом после сваког?

P.s.    У одговорима молим објаснити које радње се изводе у измененом коду, како бих касније могао сам да се снађем у сличним проблемима!

P.p.s При регистрацији је смешна капча, можете ли рећи где да је набавим?

P.p.p.s Како после уметања кода у тему поново писати обичним текстом, јер сам морао да искључим визуал и преместим тагове.

P.p.p.p.s Админи, исправите мало поље "Здравствујте, Login" тако што ћете после запете ставити размак!

С поштовањем, Гребенюк Артем