आर्टेम ग्रेबेनीयुक की साइट

मैंने अपने वेबसाइट के थीमिंग से संबंधित सभी सवालों को एक ही विषय में रखने का निर्णय लिया।

मुझे यहाँ सलाह के लिए वकंटакте से भेजा गया था।

सीधे मुद्दे पर:

मैं 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 खुद (जहाँ टिप्पणियाँ और अन्य चीजें प्रदर्शित करनी हैं, वहाँ तक नहीं पहुँचा हूँ)

<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">अधिक जानकारी</a></div>
 <?php print render($content['comments']);  ?>
<div class="node" id="post"></div></div>

और यह साइट पर कैसे प्रदर्शित होता है 

तो सवाल नंबर एक! अतिरिक्त डिव से छुटकारा कैसे पाएं जिससे यह अंतर उत्पन्न हो रहा है?

सवाल नंबर दो! "tags" के बजाय "टैग्स" शब्द को कैसे बनाएं, वे एक पंक्ति में हों और प्रत्येक के बाद एक कॉमा हो?

P.s.    उत्तर में कृपया बताएं कि संशोधित कोड में कौन से कार्य किए जा रहे हैं, ताकि मैं आगे इसी तरह की समस्याओं को समझ सकूं!

P.p.s क्या आप बता सकते हैं कि पंजीकरण के समय मजेदार कैप्चा कहां से मिल सकता है?

P.p.p.s कोड को थीम में डालने के बाद सामान्य टेक्स्ट में फिर से कैसे टाइप करें, क्योंकि मुझे विजुअल को बंद करना पड़ा और टैग को स्थानांतरित करना पड़ा।

P.p.p.p.s एडमिन, कृपया "नमस्ते, लॉगिन" फील्ड के बाद कॉमा के बाद एक स्पेस डालें!

सादर, ग्रेबेन्यूक आर्टेम