Արտեմ Գրեբենյուկի կայքը

Ես որոշեցի բոլոր հարցերը, որոնք վերաբերում են իմ կայքի թեմատիկային, հավաքել մեկ թեմայի մեջ:

Ինձ այստեղ ուղարկել են խորհրդի համար Վկոնտակտեից:

Ուղղակի գործին անցնենք:

Թեմատացնում եմ Drupal-ը, Page.tpl.php-ն ստեղծեցի առանց խնդիրների:

Հայտնվեցին դժվարություններ  Node.tpl.php-ում:

Այսպիսով, տրված է:

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">միայն տեքստ <a href="#">հղում</a></div>
<div class="node" id="posttitle">միայն տեքստ <a href="#">հղում</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">Աշխարհի ցանցը կազմված է միլիոնավոր վեբ-սերվերներից, որոնք գտնվում են ամբողջ աշխարհում: Վեբ-սերվերը ծրագիր է, որը գործարկվում է ցանցին միացված համակարգչում և օգտագործում է HTTP պրոտոկոլը տվյալներ փոխանցելու համար: Ամենապարզ ձևով այդպիսի ծրագիրը ստանում է HTTP-հարց մի որոշակի ռեսուրսի համար, գտնում է համապատասխան ֆայլը տեղական կոշտ սկավառակում և ուղարկում այն ցանցով հարցնող համակարգչին: Ավելի բարդ վեբ-սերվերները կարող են դինամիկ կերպով բաժանել ռեսուրսները ի պատասխան HTTP-հարցի: Ռեսուրսների (հաճախ ֆայլերի կամ դրանց մասերի) նույնականացման համար Աշխարհի ցանցում օգտագործվում են միասնական ռեսուրսների նույնականացուցիչներ URI (անգլ. Uniform Resource Identifier): Ռեսուրսների գտնվելու վայրի որոշման համար ցանցում օգտագործվում են միասնական ռեսուրսների լոկատորներ URL (անգլ. Uniform Resource Locator): Այդպիսի URL-լոկատորները համադրում են URI նույնականացման տեխնոլոգիան և դոմենային անունների համակարգը DNS (անգլ. Domain Name System)՝ դոմենային անունը (կամ անմիջապես IP-հասցեն թվային գրառումով) մտնում է URL-ի մեջ՝ նշելու համար համակարգիչը (ճիշտ կլինի՝ նրա ցանցային ինտերֆեյսներից մեկը), որը կատարում է անհրաժեշտ վեբ-սերվերի կոդը:
Տեղեկատվության դիտման համար, որը ստացվում է վեբ-սերվերից, հաճախորդի համակարգչում կիրառվում է հատուկ ծրագիր՝ վեբ-բրաուզեր: Վեբ-բրաուզերի հիմնական գործառույթը հիպերտեքստի ցուցադրումն է: Աշխարհի ցանցը անքակտելիորեն կապված է հիպերտեքստի և հիպերհղումների հասկացությունների հետ: Վեբում տեղեկատվության մեծ մասը հենց հիպերտեքստ է: Հիպերտեքստի ստեղծումը, պահպանումը և ցուցադրումը հեշտացնելու համար Աշխարհի ցանցում ավանդաբար օգտագործվում է HTML լեզուն (անգլ. HyperText Markup Language), հիպերտեքստի նշագրման լեզու: Հիպերտեքստի նշագրման աշխատանքը կոչվում է վերզտակ, նշագրման վարպետներին անվանում են վեբ-մայստեր կամ վեբմայստեր (առանց կապակցական նշանի): HTML-նշագրմամբ ստացված հիպերտեքստը տեղադրվում է ֆայլում, այդ HTML-ֆայլը հանդիսանում է Աշխարհի ցանցի հիմնական ռեսուրսը: HTML-ֆայլը վեբ-սերվերին հասանելի դարձնելուց հետո այն սկսում են անվանել «վեբ-էջ»: Վեբ-էջերի հավաքածուն կազմում է վեբ-կայք: Հիպերտեքստի վեբ-էջերում ավելացվում են հիպերհղումներ: Հիպերհղումները օգնում են Աշխարհի ցանցի օգտվողներին հեշտությամբ տեղափոխվել ռեսուրսների (ֆայլերի) միջև՝ անկախ նրանից, թե ռեսուրսները գտնվում են տեղական համակարգչում, թե հեռավոր սերվերում: Վեբի հիպերհղումները հիմնված են URL տեխնոլոգիայի վրա.</div>
<div><div class="node" id="tagsnode">Տեգեր: <a href="#">Մեկ տեգ</a>, <a href="#">Երկու տեգ</a>, <a href="#">Երեք տեգ</a></div><a href="#" id="more" class="node">Լրացուցիչ տեղեկություններ</a></div>
<div class="node" id="post"></div>
</div>

Вот как это выглядит 

Դրանից հետո ինտեգրում եմ Drupal-ում: Css-ն նույնն է, իսկ ահա ինքն է Node.tpl.php (մինչև այն տեղը, որտեղ պետք է ցուցադրել մեկնաբանությունները և նման բան, դեռ չեմ հասել)

```html









Ավելին

Եվ ահա, ինչպես դա երևում է կայքում 

Այսպիսով, հարցը թիվ մեկ! Ինչպես ազատվել ավելորդ div-երից, որոնք առաջացնում են այս հեռավորությունը?

Հարց թիվ երկու! Ինչպես անել, որ "tags" բառի փոխարեն լինի "թեգեր", նրանք լինեն տողում և յուրաքանչյուրից հետո լինի կետ?

P.s.    Պատասխաններում խնդրում եմ բացատրել, թե ինչ գործողություններ են կատարվում փոփոխված կոդում, որպեսզի ես հետագայում կարողանամ ինքնուրույն հասկանալ նման խնդիրները!

P.p.s Գրանցման ժամանակ հետաքրքիր Captcha կա, չգիտեք որտեղից վերցնել?

P.p.p.s Ինչպե՞ս հետո կոդը թեմայում տեղադրելուց կրկին գրել սովորական տեքստով, քանի որ ստիպված էի անջատել տեսողականը և տեղափոխել թեգերը:

P.p.p.p.s Ադմիններ, խնդրում եմ մի փոքր ուղղեք "Բարի օր, Login" դաշտը, կետից հետո թողեք տարածություն!

Հարգանքով, Գրեբենյուկ Արտեմ