-
Çàïèñü ïîíðàâèëàñü
-
0
Ïðîöèòèðîâàëè
-
0
Ñîõðàíèëè
-
Ñóááîòà, 20 Ñåíòÿáðÿ 2008 ã. 17:41
+ â öèòàòíèê
 êîëîíêàõ èãðàåò - Rage Against The Machine - Down RadeoÏî÷òè âñÿ ïÿòíèöà óøëà íà ïåðåïèñûâàíèå .tpl ôàéëîâ øàáëîíà Default. Ïî÷òè âñå òàáëèöû áûëè çàìåíåíû íà div.  êîíå÷íîì èòîãå êîä øàáëîíà óìåíüøèëñÿ ïðèìåðíî íà 12-14Êá.
×òî ðåàëèçîâàíî:
- Ïåðåïèñàíû ôàéëû òàáëèö ñòèëåé, óäàëåíà êó÷à ïðîáåëîâ.
- Àòðèáóòû âíóòðè ñåëåêòîðîâ css ðàñïîëîæåíû â àëôàâèòíîì ïîðÿäêå, ïî îäíîìó íà ñòðîêó.
- Êîäû öâåòîâ ïåðåïèñàíû â íèæíåì ðåãèñòðå.
- Èñïðàâëåíû íåáîëüøèå íåòî÷íîñòè è îøèáêè.
- Áîëüøàÿ ÷àñòü òàáëèö áûëà óäàëåíà, âìåñòî íèõ òåïåðü èñïîëüçóþòñÿ äèâû.
- Êîä ïåðåïèñàí ñåìàíòè÷åñêè, óðîâíè âëîæåííîñòè îòìå÷åíû ñèìâîëàìè òàáóëÿöèè.
- Îôîðìëåíèå ïåðåíåñåíî â òàáëèöû ñòèëåé.
- Äëÿ èçîáðàæåíèé äîáàâëåí àòðèáóò alt (äëÿ âàëèäàöèè)
- Âñå çàïèñè òåãà <br /> èñïðàâëåíû íà <br />
- Àìïåðñàíäû ïðîïèñàíû ñ ïîìîùüþ &
- Óñòàðåâøèé òåã <font> çàìåíåí íà <span>
- Êîä ñòàë ìåíüøå íà 12-14Êá ïî ñðàâíåíèþ ñ ïåðâîíà÷àëüíûì âàðèàíòîì.
×òî åùå ïðåäñòîèò ñäåëàòü:
- unicode-âåðñèÿ øàáëîíà
- Äîáàâëåíèå ðåäêî èñïîëüçóåìûõ, íî áîëåå ïðàâèëüíûõ html-òåãîâ
- Äîðàáîòêà ôîðì ñ ïîìîùüþ ñïèñêîâ
- Ïîëíûé ïåðåõîä íà âåðñòêó ñëîÿìè (div)
-
Çàïèñü ïîíðàâèëàñü
-
0
Ïðîöèòèðîâàëè
-
0
Ñîõðàíèëè
-
Ñðåäà, 17 Ñåíòÿáðÿ 2008 ã. 00:00
+ â öèòàòíèê
 êîëîíêàõ èãðàåò - Gilia - Ìîé çàñíåæåííûé ãîðîäÄîáðàëñÿ äî .tpl ôàéëîâ ñòàíäàðòíîãî øàáëîíà Danneo. Ðåøèë íà÷àòü ñ top.tpl, bot.tpl è ñîäåðæèìîãî ïàïêè block.
Ãëàâíàÿ òðóäíîñòü - âîçíèêëè çàòðóäíåíèÿ ïðè ïåðåõîäå îò òàáëèöû îñíîâû øàáëîíà ê áëî÷íîé âåðñòêå. Èçíà÷àëüíî èñïîëüçóåòñÿ 3êîëîíî÷íûé ìàêåò, ëåâûå è ïðàâûå áëîêè èìåþò øèðèíó 190ïèêñåëåé, ñðåäíèé áëîê ñ êîíòåíòîì ðåçèíîâûé. Ïåðâûì äåëîì ïîïðîáîâàë ñäåëàòü òàê - ëåâûé è ïðàâûé áëîê ñäåëàë â âèäå ñëîåâ ñ ôèêñèðîâàííîé øèðèíîé è îáòåêàíèåì (ñëåâà è ñïðàâà ñîîòâåòñòâåííî), à ñðåäíèé áëîê ïóñòèë ïîñëå íèõ, â ðåçóëüòàòå ÷åãî îí äîëæåí áûë çàíèìàòü ñåðåäèíó, è â òîæå âðåìÿ ðàñòÿãèâàòüñÿ íà âñþ âîçìîæíóþ øèðèíó. Ýòî ðàáîòàåò, îäíàêî áðàóçåð-èíâàëèä ÈÅ îïÿòü èñïîðòèë êàðòèíó. Îí òóïî ñïóñêàë ñðåäíèé áëîê âíèç. ß äîëãî êîâûðÿòüñÿ íå ñòàë, ðåøèë îñòàâèòü ýòîò ýòàï è ïåðåéòè ê òàáëèöàì ìåíüøåãî ìàñøòàáà.
Ê ïðèììåðó, òàêîé êîä áëîêà:
code:
<table width="100%">
<tr>
<td class="botblock">
{blockname}
</td>
</tr>
<tr>
<td class="paddingtext">
{blockcont}
</td>
</tr>
</table>
ìîæíî ïåðåâåðñòàòü òàê:
code:
<div>
<div class="botblock">
{blockname}
</div>
<div class="paddingtext">
{blockcont}
</div>
</div>
Âèäíî, ÷òî êîä ñòàíîâèòñÿ êîðî÷å è, ÷òî ñàìîå ãëàâíîå, áîëåå ïîíÿòíûì è óäîáíûì äëÿ ðåäàêòèðîâàíèÿ.