Ga naar je Photoshop en open het ontwerp bestand . Klik op de werkbalk en selecteer " Slice Tool . " Snijd de afbeelding die u wilt bewaren . Klik op " Opslaan " om de schijfjes te slaan . Deze bestanden moeten onder yourwebsite /theme_files map worden opgeslagen . Als gereedschap Segment is verborgen , kunt u deze automatisch door te klikken op " View ", " Show " en " Plakken ". Vermijd snijden blokken tekst , omdat ze niet zijn doorzoekbaar in Google . Echter , wilt u meestal de logo tekst in de afbeelding van het logo te houden .
Het maken van een homepage
In elke teksteditor , maak een nieuw bestand home.html en voer de volgende code :
< html xmlns = " http://www.w3.org/1999/xhtml " het css -bestand voor de < /head > -tag .
creëren DIV Tags
Maak DIV gebieden volgens het oorspronkelijke ontwerp in PSD . Elke sectie van uw lay-out moet worden opgenomen binnen een DIV -tag en worden voorzien van een naam van een klasse , zoals kop-en voettekst . Voeg DIV tags in de body sectie :
< /div > . Op dezelfde manier , voeg zoveel DIV -tags als u nodig hebt voor elke individuele sectie van uw lay-out.
Het creëren van een CSS -bestand
In de tekst editor , maak een nieuw bestand en opslaan als " style.css . " Stijl de klassen gecreëerd eerder . Positioneer de secties van de lay-out met behulp van drijvende , opvulling en marges .
/* Top of
omzetten naar een Drupal thema
Ga naar uw Drupal website en vind de thema map . Maak een nieuwe submap met de naam van uw thema . Ga terug naar uw HTML-bestand . Voeg de < ? Php afdrukken ? > -Tag voor
. Drupal gebruikt deze druk tag aan de specifieke secties in de webpagina af te drukken . De code is als volgt :
< /title > <p> < <br> <php afdruk $ head_title ? ? > ? php afdruk $ hoofd? > <br> <p> < ? php afdruk $ stijlen ? > <br> <p> < ? php afdruk $ scripts ? > <br> <p> Bewaar dit bestand als een nieuw bestand : page.tpl.php onder je nieuwe thema directory . Sleep je style.css bestand daar . <br> Turning afdelingen in Drupal Blocks <br> <p> Drupal <br> heeft voorgedefinieerde blokken , waaronder $ header , $ linker - header , $ inhoud en $ footer_message . Deze blokken zullen in uw page.tpl.php bestand worden opgeroepen door de tage < ? Php afdruk $ header ? > . Wijzig de dynamische content delen in blokken door het toevoegen van de blokken tags. <br> <br></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=90>
<tr>
<td bgColor=#e7edf4 align=middle><script language='javascript' src='/ad/201310/3.js'></script></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=90>
<tr>
<td align=left>Previous: <a class='LinkPrevArticle' href='/software/drupal/201309/127570.html' >Hoe je JS bestanden te beschermen in Drupal </a></li> </td>
<td align=right>Next: <a class='LinkNextArticle' href='/software/drupal/201309/127572.html' >Hoe kunt u helpen Drupal Strip een Tag </a></li> </td>
</tr>
</table>
</td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=18>
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=246>
<tr>
<td height=246 vAlign=top width=199>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=199>
<tr>
<td height=244 vAlign=top width=197>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><STRONG>Drupal</STRONG></td>
</tr>
</table>
<table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/drupal/201309/127392.html" title="Drupal Social Networking Opties " target="_self">Drupal Social Networking Optie…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/drupal/201309/127622.html" title="Hoe de pagina Soort document in Drupal " target="_self">Hoe de pagina Soort document i…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/drupal/201309/128001.html" title="Hoe je Drupal Get Out van onderhoud " target="_self">Hoe je Drupal Get Out van onde…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/drupal/201309/127865.html" title="Drupal Ubercart Verzendmethoden " target="_self">Drupal Ubercart Verzendmethode…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/drupal/201309/127636.html" title="Hoe maak je een klasse van een Drupal View Verwijder " target="_self">Hoe maak je een klasse van een…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/drupal/201309/127947.html" title="Hoe maak je een XMP Sitemap in Drupal Uninstall " target="_self">Hoe maak je een XMP Sitemap in…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/drupal/201309/127858.html" title="Hoe u de standaardwaarde voor een veld in Drupal " target="_self">Hoe u de standaardwaarde voor …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/drupal/201309/127575.html" title="Hoe voeg ik een Facebook Badge aan mijn Drupal Homepagina ? " target="_self">Hoe voeg ik een Facebook Badge…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/drupal/201309/127827.html" title="Hoe je je site goed gedaan met Drupal " target="_self">Hoe je je site goed gedaan met…</a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
<td vAlign=top width=12></td>
<td vAlign=top width=375>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=375>
<tr>
<td height=244 vAlign=top>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><STRONG>Related Articles</STRONG></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=209>
<tr>
<td height=201 width="33%"><IMG src="/img_xby/n1.jpg" width=111 height=182></td>
<td width="67%"><a class='LinkArticleCorrelative' href='/software/word-processing-software/201309/181073.html' target="_self">Hoe maak je een Tilde gebruiken in een W…</a><br><a class='LinkArticleCorrelative' href='/software/word-processing-software/201309/181072.html' target="_self">Hoe kan ik een Umlaut gebruiken in een W…</a><br><a class='LinkArticleCorrelative' href='/software/word-processing-software/201309/181071.html' target="_self">Hoe maak je een Holiday Nieuwsbrief op u…</a><br><a class='LinkArticleCorrelative' href='/software/word-processing-software/201309/181070.html' target="_self">Hoe maak je een viervoudige Wenskaart ma…</a><br><a class='LinkArticleCorrelative' href='/software/word-processing-software/201309/181069.html' target="_self">Hoe maak je een Tent - Fold Wenskaart Ma…</a><br><a class='LinkArticleCorrelative' href='/software/word-processing-software/201309/181068.html' target="_self">Hoe te Spelling en grammatica fouten te …</a><br><a class='LinkArticleCorrelative' href='/software/word-processing-software/201309/181067.html' target="_self">Hoe kan ik een document Zoom in Word 200…</a><br><a class='LinkArticleCorrelative' href='/software/word-processing-software/201309/181066.html' target="_self">Hoe je tekst rond een afbeelding in Word…</a><br><a class='LinkArticleCorrelative' href='/software/word-processing-software/201309/181065.html' target="_self">Hoe je de uitlijning van de tekst wijzig…</a><br></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td vAlign=top width=8></td>
<td vAlign=top width=376>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=375>
<tr>
<td height=244 vAlign=top>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><STRONG>Software Articles</STRONG></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=207>
<tr>
<td height=199 width="33%"><IMG src="/img_xby/n2.jpg" width=111 height=182></td>
<td width="67%">
<table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/antivirus-software/201309/102898.html" title="De beste antivirus software voor Windows XP " target="_self">De beste antivirus software voor Windows…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/database-software/201309/113248.html" title="Hoe je database in SQLite Bevestig " target="_self">Hoe je database in SQLite Bevestig </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/desktop-publishing/201309/117675.html" title="Hoe maak je een projectplan Template Maken " target="_self">Hoe maak je een projectplan Template Mak…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/back-up-data/201309/108784.html" title="Hoe te Backup & Restore een PDF " target="_self">Hoe te Backup & Restore een PDF </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/burn-dvds/201309/111243.html" title="Hoe AVI branden op DVD in Ubuntu " target="_self">Hoe AVI branden op DVD in Ubuntu </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/presentation-software/201309/160256.html" title="Hoe kan ik Windows Media Player te converteren naar Windows Live Media Player " target="_self">Hoe kan ik Windows Media Player te conve…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/portable-document-format/201309/153797.html" title="Hoe een PDF converteren naar een iPad eBook " target="_self">Hoe een PDF converteren naar een iPad eB…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/file-extension-types/201309/130889.html" title="Wat is de extensie R31 ? " target="_self">Wat is de extensie R31 ? </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/software/utility-software/201309/170359.html" title="Hoe te TextExpander 3 & DropBox gebruiken " target="_self">Hoe te TextExpander 3 & DropBox gebruike…</a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=10>
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=57>
<tr>
<td class=bs background=/img_xby/di.jpg align=center>Copyright © Computer Kennis http://www.nldit.com <script language='javascript' src='/ad/201310/5.js'></script></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=10>
<tr>
<td></td>
</tr>
</table>
</div>
</body>
</html>
