ΠΡΠ²ΠΎΠ΄ Π½ΠΎΠ²ΠΎΡΡΠ΅ΠΉ Π² 2 ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ.
26.07ΠΡΠ°ΠΊ Π½Π°ΡΠ½ΡΠΌ.
ΠΡΠ° ΡΡΠ°ΡΡΡ Π΄ΠΎΡΠ°Π±ΠΎΡΠ°Π½Π½ΡΠΉ Π²Π°ΡΠΈΠ°Π½Ρ ΠΌΠΎΠ΅ΠΉ ΠΆΠ΅ ΡΡΠ°ΡΡΠΈ ΠΎΠΏΡΠ±Π»ΠΈΠΊΠΎΠ²Π°Π½Π½ΠΎΠΉ Π½Π° 4dle.ru.
ΠΠ°Π΄Π°ΡΠ°:
1. ΠΡΠ²ΠΎΠ΄ Π½ΠΎΠ²ΠΎΡΡΠ΅ΠΉ Π½Π° Π³Π»Π°Π²Π½ΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΠ΅ Π² 2 ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ.
2. ΠΡΠΈ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄Π΅ Π² ΠΊΠ°ΡΠ΅Π³ΠΎΡΠΈΡ ΠΈ Ρ.ΠΏ. Π² ΠΎΠ΄Π½Ρ ΠΊΠΎΠ»ΠΎΠ½ΠΊΡ.
Π‘ΡΠ΅Π΄ΡΡΠ²Π°:
- Π‘ΡΠ°Π½Π΄Π°ΡΡΠ½ΡΠ΅ ΡΡΠ΅Π΄ΡΡΠ²Π° Π΄Π²ΠΈΠΆΠΊΠ° ΠΠΠ+CSS+HTML (Π½ΠΈΠΊΠ°ΠΊΠΈΡ ΡΠΊΡΠΈΠΏΡΠΎΠ² ΠΈ ΠΏΡΠΈΠΌΠΎΡΠ΅ΠΊ).
- Π£Π΄ΠΎΠ±Π½ΡΠ΅ Π΄Π»Ρ Π²Π°Ρ ΡΠ΅Π΄Π°ΠΊΡΠΎΡΡ ΠΈΠ»ΠΈ ΡΠ΅Π΄Π°ΠΊΡΠΎΡ.
- ΠΡΡΠΌΡΠ΅ ΡΡΠΊΠΈ.
ΠΠ·Π²Π΅ΡΡΠ½ΡΠ΅ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ:
1. ΠΡΠ²Π°ΡΡ Π΄Π»ΠΈΠ½Π½ΡΠ΅ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΈ Π½ΠΎΠ²ΠΎΡΡΠ΅ΠΉ (Π½Π° 2 ΠΈ Π±ΠΎΠ»Π΅Π΅ ΡΡΡΠΎΡΠΊΠΈ).
2. Π Π°Π·Π½ΠΎΠ΅ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΡΠΈΠΌΠ²ΠΎΠ»ΠΎΠ² Π² {short-story} (ΠΎΡ 1 Π΄ΠΎ 1000+).
3. ΠΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π² ΡΠ΅Π»Π΅ Π½ΠΎΠ²ΠΎΡΡΠΈ (ΡΠ°Π·ΠΌΠ΅Ρ ΠΎΠ³ΡΠ°Π½ΠΈΡΠ΅Π½ ΡΠ°Π·ΡΠΌΠ½ΡΠΌΠΈ ΠΏΡΠ΅Π΄Π΅Π»Π°ΠΌΠΈ)
ΠΡΠ΅ ΡΡΠΈ Π° ΡΠ°ΠΊ ΠΆΠ΅ ΡΠΏΠ΅ΡΠΈΡΠΈΡΠ΅ΡΠΊΠΈΠ΅ "ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ" Π·Π°ΡΡΠ°Π²Π»ΡΡΡΠΈΠ΅ Π½ΠΎΠ²ΠΎΡΡΡ ΠΌΠ΅Π½ΡΡΡ Π²ΡΡΠΎΡΡ, Π΄ΡΠΌΠ°Ρ Π²ΡΠ΅ΠΌ ΠΈΠ·Π²Π΅ΡΡΠ½Ρ, ΠΈ ΠΊΠ°ΠΆΠ΄ΡΠΉ Π±ΠΎΡΠ΅ΡΡΡ Ρ Π½ΠΈΠΌΠΈ ΠΏΠΎ ΡΠ²ΠΎΠ΅ΠΌΡ.
ΠΠΎΡΡΠ°ΡΠ°Π΅ΠΌΡΡ ΡΠ΅ΡΠΈΡΡ ΠΈΡ :
1. ΠΠ»Ρ Π½Π°ΡΠ°Π»Π° ΠΎΡΠΊΡΡΠ²Π°Π΅ΠΌ Π±Π»ΠΎΠΊΠ½ΠΎΡ (Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ notepad++) ΠΈ ΡΠΎΠ·Π΄Π°ΡΠΌ 2 ΠΏΡΡΡΡΡ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°, ΡΠΎΡ ΡΠ°Π½ΡΠ΅ΠΌ ΠΈΡ ΠΊΠ°ΠΊ half_story.tpl - ΡΡΠΎ Π±ΡΠ΄Π΅Ρ ΡΠ°Π±Π»ΠΎΠ½ Π΄Π»Ρ Π²ΡΠ²ΠΎΠ΄Π° ΠΊΠΎΡΠΎΡΠΊΠΈΡ Π½ΠΎΠ²ΠΎΡΡΠ΅ΠΉ Π½Π° Π³Π»Π°Π²Π½ΡΡ ΠΈ on_cat_story.tpl ΡΡΠΎ Π±ΡΠ΄Π΅Ρ ΡΠ°Π±Π»ΠΎΠ½ Π²ΡΠ²ΠΎΠ΄Π° ΠΊΠΎΡΠΎΡΠΊΠΈΡ Π½ΠΎΠ²ΠΎΡΡΠ΅ΠΉ Π²ΠΎ Π²ΡΠ΅Ρ ΠΎΡΡΠ°Π»ΡΠ½ΡΡ ΠΌΠ΅ΡΡΠ°Ρ .
2. ΠΡΠΊΡΡΠ²Π°Π΅ΠΌ ΡΠ°Π±Π»ΠΎΠ½ shortstory.tpl ΠΈ ΡΠ΄Π°Π»ΡΠ΅ΠΌ Π²ΡΡ Π΅Π³ΠΎ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅, Π²ΠΌΠ΅ΡΡΠΎ Π½Π΅Π³ΠΎ ΠΏΠΈΡΠ΅ΠΌ:
[not-category=XX]{include file="half_story.tpl"}[/not-category]
[category=XX]{include file="on_cat_story.tpl"}[/category]
ΠΠ· ΠΊΠΎΠ΄Π° Π²ΠΈΠ΄Π½ΠΎ ΡΡΠΎ ΡΡΠΈΠΌΠΈ ΡΡΡΠΎΠΊΠ°ΠΌΠΈ ΠΌΡ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ°Π΅ΠΌ Π² ΡΠ°Π±Π»ΠΎΠ½ shortstory.tpl 2 Π΄ΡΡΠ³ΠΈΡ ΡΠ°Π±Π»ΠΎΠ½Π°,
Π³Π΄Π΅ XX - Π½ΠΎΠΌΠ΅ΡΠ° ΠΠ‘ΠΠ₯ ΠΊΠ°ΡΠ΅Π³ΠΎΡΠΈΠΉ ΡΠ΅ΡΠ΅Π· Π·Π°ΠΏΡΡΡΡ, ΠΊ ΠΊΠΎΡΠΎΡΡΠΌ Π±ΡΠ΄Π΅Ρ ΠΏΡΠΈΠΌΠ΅Π½ΡΠ½ Π²ΡΠ²ΠΎΠ΄ Π² 2 ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ.
ΡΠ΅Π³ΠΈ [category=XX] ΠΈ [not-category=XX] Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π» Π²ΠΌΠ΅ΡΡΠΎ [aviable=main] ΠΈ [not-aviable=main] Ρ.ΠΊ. ΠΏΡΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠΈ [aviable], ΠΏΡΠΈ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄Π΅ Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ Π² ΠΊΠ°ΡΠ°Π»ΠΎΠ³, Π½ΠΎΠ²ΠΎΡΡΠΈ Π±ΡΠ΄ΡΡ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡΡΡ Π² 2 ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ ΠΊΠ°ΠΊ Π½Π° Π³Π»Π°Π²Π½ΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΠ΅ Π° Π½Π°ΠΌ ΡΡΠ΅Π±ΡΠ΅ΡΡΡ ΡΠΎΠ»ΡΠΊΠΎ Π² ΠΎΠ΄Π½Ρ.
3. ΠΠ΅ΡΠ΅Ρ ΠΎΠ΄ΠΈΠΌ ΠΊ half_story.tpl.
Π²ΠΎΡ HTML-ΠΊΠΎΠ΄ ΡΡΠΎΠ³ΠΎ ΡΠ°Π±Π»ΠΎΠ½Π°:
<div style="width: 50%; float: left;">
<div class="tl"></div><div class="tr"></div>
<div class="inside">
<div style="overflow: hidden; height: 38px;"><h1>[full-link]ΠΡΠ²ΠΎΠ΄ Π½ΠΎΠ²ΠΎΡΡΠ΅ΠΉ Π² 2 ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ.[/full-link]</h1> {approve}</div>
<div class="news_author">{link-category}<br />ΠΠΎΠ±Π°Π²ΠΈΠ»: {author} - {date}<br /> ΠΡΠΎΡΠΌΠΎΡΡΠΎΠ²: <b>{views}</b> [edit]Π Π΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°ΡΡ[/edit]</div>
<p class="tp"><b>Π‘ΠΎΠ΄Π΅ΡΠΆΠ°Π½ΠΈΠ΅ Π½ΠΎΠ²ΠΎΡΡΠΈ<cite>{short-story}</cite></b></p>
<div>{rating} [com-link]ΠΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ ({comments-num})[/com-link]</div>
</div>
<div class="bl"></div><div class="br"></div>
</div>
- ΠΠ»Ρ Π²ΡΠ²ΠΎΠ΄Π° Π² 2 ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ Ρ Π·Π°ΠΊΠ»ΡΡΠΈΠ» ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ ΡΠ°Π±Π»ΠΎΠ½Π° Π² <!--scode1--><!--escode1--><div style="width: 50%; float: left;">.......</div><!--scode2--><!--escode2-->
- ΠΠ»Ρ ΠΏΡΠ΅Π΄ΠΎΡΠ²ΡΠ°ΡΠ΅Π½ΠΈΡ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ Π²ΡΡΠΎΡΡ Π½ΠΎΠ²ΠΎΡΡΠΈ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π» ΡΠΈΠΊΡΠΈΡΠΎΠ²Π°Π½Π½ΡΡ Π²ΡΡΠΎΡΡ Π΄Π»Ρ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° ΠΈ <!--scode1--><!--escode1-->overflow: hidden;<!--scode2--><!--escode2-->
- ΠΠ»Ρ ΡΠ΅Π³Π° {short-story} Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π» Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΡΡ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΡ Π½Π° CSS:
.tp {position:relative;text-indent:0;}
.tp b {
font: bold 13px cursive;
text-align: center;
text-decoration: none;
}
.tp b cite {display:none; font: normal 13px cursive; margin-bottom: 10px;}
.tp b:hover cite {
background:#fff;
border:solid 1px #ccc;
color:#000;
display:block;
padding:7px;
position: absolute;
top:0px;
left:-11px;
z-index:10;
text-align:left;
width:100%;
text-decoration: none;
font: normal 13px cursive;
opacity: 0.9;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90) progid:DXImageTransform.Microsoft.Shadow(color=#cacaca, direction=135, strength=3)";
filter: alpha(opacity=90, enabled=1) progid:DXImageTransform.Microsoft.Shadow(color=#cacaca, direction=135, strength=3);
}
Π― ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π» Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΡΡ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΡ Π½Π° CSS Ρ.ΠΊ. ΠΏΡΠΎΡΡΠΎ Π½Π΅ ΡΠΌΠΎΠ³ Π½Π°ΠΉΡΠΈ Π±ΠΎΠ»Π΅Π΅ ΠΏΡΠΎΡΡΠΎΠ³ΠΎ ΠΈ ΡΡΡΠ΅ΠΊΡΠΈΠ²Π½ΠΎΠ³ΠΎ ΡΠ΅ΡΠ΅Π½ΠΈΡ Π²ΡΠΏΠ»ΡΠ²Π°ΡΡΠ΅ΠΉ ΠΏΠΎΠ΄ΡΠΊΠ°Π·ΠΊΠΈ, Π²ΡΠ΅ ΠΌΠΎΠΈ ΠΏΠΎΠΈΡΠΊΠΈ Π½Π΅ ΡΠ²Π΅Π½ΡΠ°Π»ΠΈΡΡ ΡΡΠΏΠ΅Ρ ΠΎΠΌ Π² Π΄Π΅Π»Π΅ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π² Ρ ΠΈΠ½ΡΠ΅ ΠΊΠ°ΡΡΠΈΠ½ΠΎΠΊ ΠΈ ΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ ΡΠ΅ΠΊΡΡΠ°, ΠΊΠΎΠ³Π΄Π° ΠΏΡΠΈ Π½Π°ΠΏΠΈΡΠ°Π½ΠΈΠΈ Π½ΠΎΠ²ΠΎΡΡΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ html-ΡΠ΅Π³ΠΈ.
4. CSS-ΠΊΠΎΠ΄ Π΄Π»Ρ Π²ΡΠ²ΠΎΠ΄Π° Π½ΠΎΠ²ΠΎΡΡΠ΅ΠΉ ΠΎΠ±ΡΠΈΠΉ ΠΈ Π΄Π»Ρ half_story.tpl ΠΈ Π΄Π»Ρ on_cat_story.tpl:
.tl, .tr, .bl, .br {
background-image: url("../images/news-corner.gif");
height: 10px;
font-size: 2px;
}
.tl, .bl {
margin-right: 10px;
}
.tr, .br {
margin-left: 10px;
margin-top: -10px;
margin-right: 10px;
}
.tr {
background-position: 100% 0;
}
.bl {
background-position: 0 -10px;
}
.br {
background-position: 100% -10px;
margin-bottom: 10px;
}
.inside {
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
background: #fff;
padding-left: 10px;
padding-right:10px;
margin: 0 10px 0 0;
}
.inside h1 {
font: bold 16px tahoma;
text-decoration: none
}
.inside h1 a{
font: bold 16px tahoma;
margin: 0px;
padding: 0px;
text-decoration: none;
}
.inside h1 a:hover {
text-decoration: underline;
}
ΠΠ°ΠΊ ΡΠ΅Π°Π»ΠΈΠ·ΠΎΠ²Π°ΡΡ Π·Π°ΠΊΡΡΠ³Π»ΡΠ½Π½ΡΠ΅ ΡΠ³Π»Ρ Ρ ΠΏΠΎΠΌΠΎΡΡΡ 1 ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ ΠΈ 5 Π΄ΠΈΠ²ΠΎΠ² ΡΠΌΠΎΡΡΠΈΡΠ΅ Π² ΠΏΡΠ΅Π΄ΡΠ΄ΡΡΠ΅ΠΉ ΡΡΠ°ΡΡΠ΅.
5. ΠΠ΅ΡΠ΅Ρ ΠΎΠ΄ΠΈΠΌ ΠΊ on_cat_story.tpl.
HTML-ΠΊΠΎΠ΄ Π½Π΅ ΡΠΈΠ»ΡΠ½ΠΎ ΠΎΡΠ»ΠΈΡΠ°Π΅ΡΡΡ ΠΎΡ half-story.tpl ΠΏΠΎΡΡΠΎΠΌΡ Π½Π΅ Π±ΡΠ΄Ρ Π½Π° Π½ΡΠΌ ΠΏΠΎΠ΄ΡΠΎΠ±Π½ΠΎ ΠΎΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°ΡΡΡΡ:
<div class="tl"></div><div class="tr"></div>
<div class="inside">
<div class="news_title">{link-category} - [full-link]ΠΡΠ²ΠΎΠ΄ Π½ΠΎΠ²ΠΎΡΡΠ΅ΠΉ Π² 2 ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ.[/full-link] {approve}</div>
<div class="news_author">ΠΠΎΠ±Π°Π²ΠΈΠ»: {author} - {date} | ΠΡΠΎΡΠΌΠΎΡΡΠΎΠ²: <b>{views}</b> [edit]Π Π΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°ΡΡ[/edit]</div>
<div class="news_content">{short-story} <br /><br />[full-link]<b>ΠΠΎΠ΄ΡΠΎΠ±Π½Π΅...</b>[/full-link]<br /><br /></div>
<div class="news_fut">{rating} [com-link]ΠΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ ({comments-num})[/com-link]
</div>
</div>
<div class="bl"></div><div class="br"></div>
ΠΠ°ΠΊ Π²ΠΈΠ΄Π½ΠΎ ΡΠ±ΡΠ°Π½Ρ Π²ΡΠ΅ "ΠΎΠ³ΡΠ°Π½ΠΈΡΠ΅Π½ΠΈΡ" ΡΠ°Π·ΠΌΠ΅ΡΠΎΠ² Π½ΠΎΠ²ΠΎΡΡΠΈ.
ΠΠΎΡ ΡΠΎΠ±ΡΡΠ²Π΅Π½Π½ΠΎ ΠΈ Π²ΡΡ.
ΠΠ΅ΠΌΠΎ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠ²ΠΈΠ΄Π΅ΡΡ Π½Π° ΠΌΠΎΡΠΌ Π΄Π΅ΠΌΠΎ-ΡΠ°ΠΉΡΠ΅ Π²ΡΠ±ΡΠ°Π² ΡΠ°Π±Π»ΠΎΠ½ tm-saratov2
ΠΡΠΈΠΌΠ΅Ρ ΠΊΠΎΠ½Π΅ΡΠ½ΠΎ Π³ΡΡΠ±ΠΎΠ²Π°Ρ, Π½ΠΎ Ρ ΡΡΠ°Π²ΠΈΠ» ΡΠ΅Π»Ρ ΡΠ΄Π΅Π»Π°ΡΡ Π½Π΅ ΠΊΡΠ°ΡΠΈΠ²ΠΎ, Π° ΠΏΡΠΎΡΡΠΎ ΠΏΠΎΠΊΠ°Π·Π°ΡΡ ΡΠ΅Π°Π»ΠΈΠ·Π°ΡΠΈΡ Π½Π° ΠΊΠΎΠ½ΠΊΡΠ΅ΡΠ½ΠΎΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠ΅.
ΠΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ
ΠΠΎΠ±Π°Π²ΠΈΡΡ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΉ
ΠΠΎΠΌΠΌΠ΅Π½ΡΠΈΡΠΎΠ²Π°ΡΡ ΠΌΠΎΠ³ΡΡ ΡΠΎΠ»ΡΠΊΠΎ Π·Π°ΡΠ΅Π³ΠΈΡΡΡΠΈΡΠΎΠ²Π°Π½Π½ΡΠ΅ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΠΈ