Β» Β» Новости Π² Π΄Π²Π΅, Ρ‚Ρ€ΠΈ, Ρ‡Π΅Ρ‚Ρ‹Ρ€Π΅ ΠΈ Ρ‚.Π΄. ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ (Ρ€Π°Π·Π²ΠΈΡ‚ΠΈΠ΅ мысли)

Новости Π² Π΄Π²Π΅, Ρ‚Ρ€ΠΈ, Ρ‡Π΅Ρ‚Ρ‹Ρ€Π΅ ΠΈ Ρ‚.Π΄. ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ (Ρ€Π°Π·Π²ΠΈΡ‚ΠΈΠ΅ мысли)

24.03
60
42 516
Новости Π² Π΄Π²Π΅, Ρ‚Ρ€ΠΈ, Ρ‡Π΅Ρ‚Ρ‹Ρ€Π΅ ΠΈ Ρ‚.Π΄. ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ (Ρ€Π°Π·Π²ΠΈΡ‚ΠΈΠ΅ мысли)

Π­Ρ‚Π° ΡΡ‚Π°Ρ‚ΡŒΡ - логичСскоС ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠ΅Π½ΠΈΠ΅ поста ΠΏΡ€ΠΎ новости Π² Π΄Π²Π΅ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ (jQuery Edition).

Π’ коммСнтариях Π±Ρ‹Π» Π·Π°Π΄Π°Π½ вопрос ΠΎ нСвозмоТности вывСсти новости Π² 3, 4 ΠΈ Ρ‚.Π΄ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ. Π― Π½Π΅ стал ΠΏΡ€ΠΈΠ²ΠΎΠ΄ΠΈΡ‚ΡŒ ΠΊΠΎΠ΄ Π² коммСнтариях, Π° Ρ€Π΅ΡˆΠΈΠ» Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΠΎΠΏΠΈΡΠ°Ρ‚ΡŒ Ρ€Π΅ΡˆΠ΅Π½ΠΈΠ΅ ΠΈ сразу ΠΏΠΎΠΊΠ°Π·Π°Ρ‚ΡŒ Π΅Π³ΠΎ Π΄Π΅ΠΌΠΎΠ½ΡΡ‚Ρ€Π°Ρ†ΠΈΡŽ.

Π˜Ρ‚Π°ΠΊ ΡΡƒΡ‚ΡŒ ΠΏΠΎ ΠΏΡ€Π΅ΠΆΠ½Π΅ΠΌΡƒ Π½Π΅ мСняСтся, Π±ΡƒΠ΄Π΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ jQuery, Π½ΠΎ Π½Π° этот Ρ€Π°Π· ΠΊΠΎΠ΄ сократится Π΄ΠΎ 1 строчки, Ρ‡Ρ‚ΠΎ ΠΏΠΎΠ»ΠΎΠΆΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ влияСт Π½Π° ΡΠΊΠΎΡ€ΠΎΡΡ‚ΡŒ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ страницы (ΠΏΡƒΡΡ‚ΡŒ ΠΈ совсСм Π½Π΅Π·Π½Π°Ρ‡ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ).

НС Π±ΡƒΠ΄Ρƒ Π»ΠΈΡ‚ΡŒ лишнюю Π²ΠΎΠ΄Ρƒ, ΠΏΠΎΠΊΠ°ΠΆΡƒ сразу ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Ρ€Π΅Π°Π»ΠΈΠ·Π°Ρ†ΠΈΠΈ, здСсь я Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΠΌΠΎΠ΄ΠΈΡ„ΠΈΡ†ΠΈΡ€ΠΎΠ²Π°Π» скрипт, для наглядности, Π½ΠΎ ΡΡƒΡ‚ΡŒ Π½Π΅ мСняСтся. ΠšΡΡ‚Π°Ρ‚ΠΈ комплСксная поисковая оптимизация сайтов - Π½Π΅ Ρ‚Π°ΠΊ Ρƒ ΠΈ Π΄ΠΎΡ€ΠΎΠ³ΠΎ.
Π Π°Π·Π±ΠΈΡ€Π°Ρ‚ΡŒ ΠΆΠ΅ Π±ΡƒΠ΄Π΅ΠΌ Π²Π°Ρ€ΠΈΠ°Π½Ρ‚ с трСмя ΠΊΠΎΠ»ΠΎΠ½ΠΊΠ°ΠΌΠΈ новостСй.

РСализация

1. Код Π² shortstory.tpl Π΄ΠΎΠ»ΠΆΠ΅Π½ΠΈ ΠΈΠΌΠ΅Ρ‚ΡŒ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Π½ΠΎ Ρ‚Π°ΠΊΠΎΠΉ Π²ΠΈΠ΄:
<div class="news">
 содСрТаниС shortstory ΠΈ всякиС Ρ‚Π΅Π³ΠΈ, 
Π³Π»Π°Π²Π½ΠΎΠ΅ Ρ‚ΡƒΡ‚ - "ΠΎΠ±Ρ‘Ρ€Ρ‚ΠΊΠ°" всСго содСрТимого shortstory.tpl
</div>


2. ΠžΠ±ΡΠ·Π°Ρ‚Π΅Π»ΡŒΠ½Ρ‹Π΅ стили Π² CSS:
.news.float {
    float: left;
    width: 30%; //Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ зависит ΠΎΡ‚ ΠΆΠ΅Π»Π°Π΅ΠΌΠΎΠ³ΠΎ количСства ΠΊΠΎΠ»ΠΎΠ½ΠΎΠΊ (Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ для 5Ρ‚ΠΈ ΠΊΠΎΠ»ΠΎΠ½ΠΎΠΊ Π½ΡƒΠΆΠ½ΠΎ ΡƒΠΊΠ°Π·Π°Ρ‚ΡŒ 18-20%) 
    }
.clr {
    clear: both;
    height: 0;
    overflow: hidden;
    }


3. Ну ΠΈ самоС Π³Π»Π°Π²Π½ΠΎΠ΅ - jQuery-ΠΊΠΎΠ΄:
<script type="text/javascript">
jQuery(function($) {
    $(".news").addClass("float").filter(":nth-child(3n)").after('<div class="clr"></div>');
});
</script>


Как Π²ΠΈΠ΄Π½ΠΎ ΠΈΠ· строки ΠΊΠΎΠ΄Π° - всё ΡΠΎΠ²Π΅Ρ€ΡˆΠ΅Π½Π½ΠΎ просто - сначала дописываСм всСм Π±Π»ΠΎΠΊΠ°ΠΌ с классом news Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ класс, Π° ΠΏΠΎΡ‚ΠΎΠΌ дописываСм послС ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Ρ‚Ρ€Π΅Ρ‚ΡŒΠ΅Π³ΠΎ Π±Π»ΠΎΠΊΠ° пустой div с слассом clr - это для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎΠ±Ρ‹ новости ΠΈΠΌΠ΅Π»ΠΈ Ρ€ΠΎΠ²Π½ΠΎΠ΅ Π³ΠΎΡ€ΠΈΠ·ΠΎΠ½Ρ‚Π°Π»ΡŒΠ½ΠΎΠ΅ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅, Π° Π½Π΅ ΠΏΠ»Π°Π²Π°Π»ΠΈ Ρ‚Π°ΠΊ, ΠΊΠ°ΠΊ ΠΈΠΌ захочСтся.

Как Π½Π°ΡΡ‚Ρ€ΠΎΠΈΡ‚ΡŒ?

Π›Π΅Π³ΠΊΠΎ!
Всё Ρ‡Ρ‚ΠΎ Π½ΡƒΠΆΠ½ΠΎ - это Π·Π°ΠΌΠ΅Π½ΠΈΡ‚ΡŒ Ρ†ΠΈΡ„Ρ€Ρƒ Ρ‚Ρ€ΠΈ Π² строкС :nth-child(3n) Π½Π° ΠΆΠ΅Π»Π°Π΅ΠΌΡƒΡŽ, ΠΈ Π² CSS Π·Π°ΠΌΠ΅Π½ΠΈΡ‚ΡŒ width: 30%; Π½Π° Π½ΡƒΠΆΠ½ΠΎΠ΅ Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅ (ΠΊΠ°ΠΊ ΠΏΡ€Π°Π²ΠΈΠ»ΠΎ ΠΌΠ΅Ρ‚ΠΎΠ΄ΠΎΠΌ ΠΏΠΎΠ΄Π±ΠΎΡ€Π°).

Ну ΠΈ ΠΊΠ°ΠΊ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎ - Π²ΠΊΠ»ΡŽΡ‡Π°Π΅ΠΌ Ρ„Π°Π½Ρ‚Π°Π·ΠΈΡŽ ΠΈ Π΄Π΅Π»Π°Π΅ΠΌ красиво smile

ΠŸΠΎΡ…ΠΎΠΆΠΈΠ΅ ΠΌΠ°Ρ‚Π΅Ρ€ΠΈΠ°Π»Ρ‹

ΠšΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ

Mek
Mek 24 ΠΌΠ°Ρ€Ρ‚Π° 2011 09:48
НС знаю ΠΏΠΎΡ‡Π΅ΠΌΡƒ, Π½ΠΎ Π΄Π°Π½Π½Ρ‹ΠΉ способ Ρƒ мСня Π½Π΅ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚.
ΠŸΠ°Ρ„ΠΡƒΡ‚ΠΈΠ™
ΠŸΠ°Ρ„ΠΡƒΡ‚ΠΈΠ™ 24 ΠΌΠ°Ρ€Ρ‚Π° 2011 09:52
Π”Π΅ΠΌΠΎ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚ Π½ΠΎΡ€ΠΌΠ°Π»ΡŒΠ½ΠΎ?
Mek
Mek 24 ΠΌΠ°Ρ€Ρ‚Π° 2011 09:58
Π”Π΅ΠΌΠΎ ΠΏΠΎΠΊΠ°Π·Ρ‹Π²Π°Π΅Ρ‚, Π½ΠΎ ΠΏΡ€ΠΈ тСстировании Π½Π° Π΄Π΅Π½Π²Π΅Ρ€Π΅ Π½Π΅ Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚. ΠŸΠΎΡ…ΠΎΠΆΠ΅ Ρ‡Ρ‚ΠΎ Π΄Π΅Π»ΠΎ Π² jQuery-ΠΊΠΎΠ΄Π΅.
ΠŸΠ°Ρ„ΠΡƒΡ‚ΠΈΠ™
ΠŸΠ°Ρ„ΠΡƒΡ‚ΠΈΠ™ 24 ΠΌΠ°Ρ€Ρ‚Π° 2011 09:58
ΠΏΠΎΠΊΠ°ΠΆΠΈΡ‚Π΅ Ρ‡Ρ‚ΠΎ ΠΈ Π³Π΄Π΅ прописали.
Mek
Mek 24 ΠΌΠ°Ρ€Ρ‚Π° 2011 10:05
ΠžΠ±Π΅Ρ€Π½ΡƒΠ» ΠΊΠΎΡ€ΠΎΡ‚ΠΊΡƒΡŽ Π½ΠΎΠ²ΠΎΡΡ‚ΡŒ Π² Π΄ΠΈΠ² со стилСм
Π”ΠΎΠ±Π°Π²ΠΈΠ» Π² стили Π΄Π°Π½Π½Ρ‹ΠΉ ΠΊΠΎΠ΄
Π’ ΠΌΠ°ΠΉΠ½.Ρ‚ΠΏΠ» ΠΏΠ΅Ρ€Π΅Π΄ Ρ…Π΅Π°Π΄ вставил jQuery-ΠΊΠΎΠ΄

БСйчас постави jQuery-ΠΊΠΎΠ΄ ΠΏΠ΅Ρ€Π΅Π΄ </head>, всё Π·Π°Ρ€Π°Π±ΠΎΡ‚Π°Π»ΠΎ.
ΠŸΠ°Ρ„ΠΡƒΡ‚ΠΈΠ™
ΠŸΠ°Ρ„ΠΡƒΡ‚ΠΈΠ™ 24 ΠΌΠ°Ρ€Ρ‚Π° 2011 10:15
smile
Mek
Mek 24 ΠΌΠ°Ρ€Ρ‚Π° 2011 16:45
ΠŸΠ°Ρ„ΠΡƒΡ‚ΠΈΠ™, большоС спасибо Π·Π° Π΄Π°Π½Π½Ρ‹ΠΉ Ρ…Π°ΠΊ, ΠΏΠΎΠ·Π°ΠΈΠΌΡΡ‚Π²ΡƒΡŽ Π΅Π³ΠΎ для своСго сайта smile Π•ΡΡ‚ΡŒ Π΅Ρ‰Ρ‘ ΠΎΠ΄ΠΈΠ½ нСбольшой вопросик: ΠΊ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρƒ, сдСлал я Π²Ρ‹Π²ΠΎΠ΄ новостСй Π² 4 ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ. Новости Π²ΠΌΠ΅Ρ‰Π°ΡŽΡ‚ΡΡ ΠΏΠΎ ΡˆΠΈΡ€ΠΈΠ½Π΅ "Π²ΠΏΡ€ΠΈΡ‚Ρ‹ΠΊ" (ΡˆΠΈΡ€ΠΈΠ½Π° сайта фиксированная). Как ΠΌΠΎΠΆΠ½ΠΎ Π·Π°Π΄Π°Ρ‚ΡŒ Π½Π΅ 25% для ΠΊΠ°ΠΆΠ΄ΠΎΠΉ новости, Π° 100% для всСх Ρ‡Π΅Ρ‚Ρ‹Ρ€Ρ‘Ρ…? Π”Π° Π±Ρ‹ ΡƒΠΌΠ΅ΡΡ‚ΠΈΡ‚ΡŒ Π½Π° ΠΎΠ΄Π½Ρƒ строку ΠΎΠ΄Π½Ρƒ Π½ΠΎΠ²ΠΎΡΡ‚ΡŒ с Π΄Π»ΠΈΠ½Π½Ρ‹ΠΌ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠΌ ΠΈ Ρ‚Ρ€ΠΈ с ΠΊΠΎΡ€ΠΎΡ‚ΠΊΠΈΠΌ.
Π–Π΅Π»Π°Π΅ΠΌΡ‹ΠΉ эффСкт получаСтся Ссли Π²ΠΎΠΎΠ±Ρ‰Π΅ ΡƒΠ±Ρ€Π°Ρ‚ΡŒ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€ width: 30% . Но Ρ‚ΠΎΠ³Π΄Π° справа остаётся Π΅Ρ‰Ρ‘ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ свободного мСста, Ρ‡Ρ‚ΠΎ Π½Π΅ ΠΎΡ‡Π΅Π½ΡŒ красиво.
ΠŸΠ°Ρ„ΠΡƒΡ‚ΠΈΠ™
ΠŸΠ°Ρ„ΠΡƒΡ‚ΠΈΠ™ 24 ΠΌΠ°Ρ€Ρ‚Π° 2011 17:54
Π­Ρ‚ΠΎ ΡƒΠΆΠ΅ ΠΌΠ΅Ρ‚ΠΎΠ΄ΠΎΠΌ Ρ‚Ρ‹ΠΊΠ°, Π½ΠΎ я Π±Ρ‹ Π½Π΅ стал Ρ‚Π°ΠΊ Π΄Π΅Π»Π°Ρ‚ΡŒ - Π½Π΅ красиво Π±ΡƒΠ΄Π΅Ρ‚ ΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒΡΡ ΠΊΠΎΠ³Π΄Π° всС новости Ρ€Π°Π·Π½ΠΎΠΉ ΡˆΠΈΡ€ΠΈΠ½Ρ‹. Π›ΡƒΡ‡ΡˆΠ΅ с Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ°ΠΌΠΈ ΠΏΠΎΡˆΠ°ΠΌΠ°Π½ΠΈΡ‚ΡŒ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ Π±Ρ‹ всСгда Π±Ρ‹Π»Π° ΠΎΠ΄Π½Π° строчка :)
НапримСр Π·Π°Π΄Π°Ρ‘ΠΌ Ρ„ΠΈΠΊΡΠΈΡ€ΠΎΠ²Π°Π½Π½ΡƒΡŽ высоту Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ° ΠΈ overflow: hidden; smile
А ΠΌΠΎΠΆΠ½ΠΎ Π΅Ρ‰Ρ‘ ΠΈ jquery ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡ΠΈΡ‚ΡŒ ΠΊ этому Π΄Π΅Π»Ρƒ, Ρ‡Ρ‚ΠΎ Π±Ρ‹ показывался title (ΠΏΠΎ ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ Π² DLE Π½Π΅ показываСтся title Ρƒ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ² новостСй), Ρ‚ΠΎΠ³Π΄Π° Π΄Π°ΠΆΠ΅ ΠΎΠ±Ρ€Π΅Π·Π°Π½Π½Ρ‹ΠΉ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ Π±ΡƒΠ΄Π΅Ρ‚ ΡƒΠ΄ΠΎΠ±ΠΎΡ‡ΠΈΡ‚Π°Π΅ΠΌΡ‹ΠΌ.
Mek
Mek 24 ΠΌΠ°Ρ€Ρ‚Π° 2011 19:19
Π½ΠΎ я Π±Ρ‹ Π½Π΅ стал Ρ‚Π°ΠΊ Π΄Π΅Π»Π°Ρ‚ΡŒ - Π½Π΅ красиво Π±ΡƒΠ΄Π΅Ρ‚ ΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒΡΡ ΠΊΠΎΠ³Π΄Π° всС новости Ρ€Π°Π·Π½ΠΎΠΉ ΡˆΠΈΡ€ΠΈΠ½Ρ‹.

БогласСн, Π½ΠΎ Π² ΠΌΠΎΡ‘ΠΌ случаи это Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ подходящий Π²Π°Ρ€ΠΈΠ°Π½Ρ‚. ΠœΠ΅Ρ‚ΠΎΠ΄ΠΎΠΌ Ρ‚Ρ‹ΠΊΠ° Π½Π΅ получаСтся. Если ΡΡ‚Π°Π²ΠΈΡ‚ΡŒ ΡˆΠΈΡ€ΠΈΠ½Ρƒ Π² ΠΏΡ€ΠΎΡ†Π΅Π½Ρ‚Π°Ρ…, Ρ‚ΠΎ ΡˆΠΈΡ€ΠΈΠ½Π° ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Π±Π»ΠΎΠΊΠ° получаСтся одинаковая, ΠΈ Ρ‚ΠΎΠΆΠ΅ самоС Ссли Π·Π°Π΄Π°Ρ‚ΡŒ ΡˆΠΈΡ€ΠΈΠ½Ρƒ Π² пиксСлях. Каким ΠΎΠ±Ρ€Π°Π·ΠΎΠΌ ΠΌΠ½Π΅ Π·Π°Π΄Π°Ρ‚ΡŒ ΠΎΠ±Ρ‰ΡƒΡŽ ΡˆΠΈΡ€ΠΈΠ½Ρƒ всСх Ρ‡Π΅Ρ‚Ρ‹Ρ€Ρ‘Ρ… Π±Π»ΠΎΠΊΠΎΠ² Π² ΠΏΡ€ΠΎΡ†Π΅Π½Ρ‚Π°Ρ… ΠΈΠ»ΠΈ пиксСлях?
ΠŸΠ°Ρ„ΠΡƒΡ‚ΠΈΠ™
ΠŸΠ°Ρ„ΠΡƒΡ‚ΠΈΠ™ 24 ΠΌΠ°Ρ€Ρ‚Π° 2011 19:41
Π² вашСм случаи Π»ΡƒΡ‡ΡˆΠ΅ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ ΡˆΠΈΡ€ΠΈΠ½Ρƒ Π² пиксСлях
Mek
Mek 24 ΠΌΠ°Ρ€Ρ‚Π° 2011 20:18
ΠŸΠ°Ρ„ΠΡƒΡ‚ΠΈΠ™ , Π’Ρ‹ Π½Π°Π²Π΅Ρ€Π½ΠΎΠ΅ Π½Π΅ Π²Π΅Ρ€Π½ΠΎ мСня поняли smile Если ΡƒΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ ΡˆΠΈΡ€ΠΈΠ½Ρƒ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Π±Π»ΠΎΠΊΠ° Π² пиксСлях, Ρ‚ΠΎ получатся всС Π±Π»ΠΎΠΊΠΈ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎΠΉ ΡˆΠΈΡ€ΠΈΠ½Ρ‹. МнС ΠΆΠ΅ Π½Π°Π΄ΠΎ Ρ‡Ρ‚ΠΎΠ± общая ΡˆΠΈΡ€ΠΈΠ½Π° всСх Π±Π»ΠΎΠΊΠΎΠ² Π±Ρ‹Π»Π° Ρ€ΠΎΠ²Π½Π°, ΠΊ ΠΏΡ€ΠΈΠΌΠ΅Ρ€Ρƒ, 1000 пиксСлям, Π½ΠΎ Π³Π΄Π΅ это ΠΏΡ€ΠΎΠΏΠΈΡΠ°Ρ‚ΡŒ я Π½Π΅ знаю.
ΠŸΠ°Ρ„ΠΡƒΡ‚ΠΈΠ™
ΠŸΠ°Ρ„ΠΡƒΡ‚ΠΈΠ™ 24 ΠΌΠ°Ρ€Ρ‚Π° 2011 20:55
По ΡƒΠΌΠΎΠ»Ρ‡Π°Π½ΠΈΡŽ DIV ΠΈΠΌΠ΅Π΅Ρ‚ ΡˆΠΈΡ€ΠΈΠ½Ρƒ 100%, Ρ‚Π°ΠΊ Ρ‡Ρ‚ΠΎ Ρ‚ΠΎ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ - Π½Π΅ получится Ρ€Π΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Ρ‚ΡŒ, ΡˆΠΈΡ€ΠΈΠ½Ρƒ Π½ΡƒΠΆΠ½ΠΎ ΡƒΠΊΠ°Π·Ρ‹Π²Π°Ρ‚ΡŒ всСгда, Ссли ΠΎΠ½Π΅ отличаСтся ΠΎΡ‚ 100%.
Mek
Mek 29 ΠΌΠ°Ρ€Ρ‚Π° 2011 22:41
ΠŸΠ°Ρ„ΠΡƒΡ‚ΠΈΠ™, Π½Π΅ ΠΏΠ»Π°Π½ΠΈΡ€ΡƒΠ΅Ρ‚Π΅ Π»ΠΈ Π’Ρ‹ Π²Ρ‹ΠΏΡƒΡΡ‚ΠΈΡ‚ΡŒ Ρ…Π°ΠΊ, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π±ΡƒΠ΄Π΅Ρ‚ ΠΎΠ±Ρ€Π΅Π·Π°Ρ‚ΡŒ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΊΠΎΡ€ΠΎΡ‚ΠΊΠΎΠΉ новости Π΄ΠΎ ΠΎΠΏΡ€Π΅Π΄Π΅Π»Ρ‘Π½Π½ΠΎΠ³ΠΎ символа? smile ΠŸΡ€ΠΈ Ρ€Π°Π·ΠΌΠ΅Ρ‰Π΅Π½ΠΈΠΈ новостСй Π² 3-4 ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ ΠΎΠ½ Π±ΡƒΠ΄Π΅Ρ‚ просто Π½Π΅ΠΎΠ±Ρ…ΠΎΠ΄ΠΈΠΌ smile
ΠŸΠ°Ρ„ΠΡƒΡ‚ΠΈΠ™
ΠŸΠ°Ρ„ΠΡƒΡ‚ΠΈΠ™ 30 ΠΌΠ°Ρ€Ρ‚Π° 2011 09:56
Оно ΠΈ Π½Π΅ Π½ΡƒΠΆΠ½ΠΎ, вСдь ΠΌΠΎΠΆΠ½ΠΎ ΠΎΠ±Ρ€Π΅Π·Π°Ρ‚ΡŒ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ срСдствами CSS
ДСлаСтся это элСмСнтарно:
h3 {
font: 16px/20px Verdana, sans-serif;
height: 20px;
overflow: hidden;
}
bratoz
bratoz 19 апрСля 2011 15:24
Вопросик Ρƒ мСня.
Π’ΠΎΡ‚ Ρƒ мСня Π½Π° online.videotuts.ru Π΅ΡΡ‚ΡŒ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠΊΠ° с ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠ°ΠΌΠΈ.
Как ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Ρ‡Ρ‚ΠΎ Π±Ρ‹ для Ρ‚Π΅Ρ… Ρƒ ΠΊΠΎΠ³ΠΎ ΠΌΠΎΠ½ΠΈΡ‚ΠΎΡ€ малСнький, ΠΊΠ°Ρ€Ρ‚ΠΈΠ½ΠΊΠΈ Π½Π΅ лоТились Π΄Ρ€ΡƒΠ³ Π½Π° Π΄Ρ€ΡƒΠ³Π°, Π° просто ΡƒΠΌΠ΅Π½ΡŒΡˆΠ°Π»ΠΈΡΡŒ Π² Ρ€Π°Π·ΠΌΠ΅Ρ€Π΅.
ΠŸΠ°Ρ„ΠΡƒΡ‚ΠΈΠ™
ΠŸΠ°Ρ„ΠΡƒΡ‚ΠΈΠ™ 19 апрСля 2011 15:49
насколько малСнький? 800*600?
ΠΌΠΎΠΆΠ½ΠΎ просто Π² css Π΄ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΡΡ‚ΠΈΠ»ΡŒ:
body {min-width: 1000px;}
bratoz
bratoz 20 апрСля 2011 10:31
Π¦ΠΈΡ‚Π°Ρ‚Π°: ΠŸΠ°Ρ„ΠΡƒΡ‚ΠΈΠ™
body {min-width: 1000px;}


Π‘ этим Ρ€Π°Π·Π±Π΅Ρ€ΡƒΡΡŒ ΠΏΠΎΡ‚ΠΎΠΌ, сСйчас Π΅Ρ‰Ρ‘ ΠΎΠ΄Π½Π° Π½Π΅ больша ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠΊΠ°.
Sidebar Π² ΠΏΠΎΠ»Π½ΠΎΠΉ новостС ΠΌΠ½Π΅ Π½ΡƒΠΆΠ΅Π½, Π° Π²ΠΎΡ‚ Π² main Π½Π΅Ρ‚.
Я sidebar.tpl взял в [not-aviable=main] {include file="sidebar.tpl"} [/not-aviable]
Всё ΠΊΠ°ΠΊ Π±Ρ‹ Π³ΡƒΠ΄, Π½ΠΎ ΠΊΠ°ΠΊ ΡΠ΄Π΅Π»Π°Ρ‚ΡŒ Ρ‡Ρ‚ΠΎ Π±Ρ‹ ΠΈ Π² катСгориях Π΅Π³ΠΎ Ρ‚ΠΎΠΆΠ΅ Π½Π΅ Π±Ρ‹Π»ΠΎ?
Π’ΠΎΡ‚ Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€ Ρ‚ΡƒΡ‚??
http://online.videotuts.ru/cinema4d-online-tutorials/

Π’.Π΅. Ρ‡Ρ‚ΠΎ Π±Ρ‹ Π±Ρ‹Π» Π²Ρ‹Π²ΠΎΠ΄ Ρ‚Π°ΠΊΠΎΠΉ ΠΆΠ΅ ΠΊΠ°ΠΊ Π½Π° Π³Π»Π°Π²Π½ΠΎΠΉ
ΠŸΠ°Ρ„ΠΡƒΡ‚ΠΈΠ™
ΠŸΠ°Ρ„ΠΡƒΡ‚ΠΈΠ™ 21 апрСля 2011 09:22
ΠŸΡƒΡΡ‚ΡŒ это ΠΏΡ€ΠΎΠ·Π²ΡƒΡ‡ΠΈΡ‚ банально, Π½ΠΎ Ρ‡ΠΈΡ‚Π°ΠΉΡ‚Π΅ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°Ρ†ΠΈΡŽ ΠΎΡ‚ Π½Π°Ρ‡Π°Π»Π° ΠΈ Π΄ΠΎ ΠΊΠΎΠ½Ρ†Π°, Π·Π°Ρ‡Π°ΡΡ‚ΡƒΡŽ Π² сСрСдинС Ρ‚ΠΎΠΆΠ΅ ΠΏΠΈΡˆΡƒΡ‚ интСрСсноС smile
Namename
Namename 29 июля 2011 13:07
НС получаСтся Ρƒ мСня Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ =(

ΠŸΠΎΠ»ΡƒΡ‡Π°Π΅Ρ‚ΡΡ Ρ‚Π°ΠΊ, Ρ‡Ρ‚ΠΎ Ρ„ΠΎΠ½ новости ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎ ΠΎΡ‚ самой новости. Π‘ΠΌΠ΅Ρ‰Π΅Π½Π½ΠΎ всё Π²ΠΎΠΎΠ±Ρ‰Π΅ΠΌ. Π”Π° ΠΈ Π΅Ρ‰Π΅ столбики Π½Π΅ появились. Π‘Π΄Π΅Π»Π°Π» всё ΠΏΠΎ инструкции, ΠΌΠ½ΠΎΠ³ΠΎ Ρ€Π°Π· ΠΏΠ΅Ρ€Π΅ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΠ»! no
Namename
Namename 29 июля 2011 13:29
Π’ΠΎΡ‚ сСйчас всС ΠΏΠ΅Ρ€Π΅Π΄Π΅Π»Π°Π» ΠΏΠΎ Π½ΠΎΠ²ΠΎΠΉ - Π²ΠΎΠΎΠ±Ρ‰Π΅ Π½ΠΈΡ‡Π΅Π³ΠΎ Π½Π΅ измСнилось. Как Π±Ρ‹Π»ΠΎ ΠΏΠΎ стандарту, Ρ‚Π°ΠΊ ΠΈ ΠΎΡΡ‚Π°Π»ΠΎΡΡŒ.
ΠŸΠ°Ρ„ΠΡƒΡ‚ΠΈΠ™
ΠŸΠ°Ρ„ΠΡƒΡ‚ΠΈΠ™ 29 июля 2011 15:09
На Π΄Π΅ΠΌΠΎ наглядно всё ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ, всё Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚.
Ρƒ вас ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹ с вёрсткой сайта, Π»ΠΈΠ±ΠΎ Ρ‡Ρ‚ΠΎ-Ρ‚ΠΎ Π½Π΅ Ρ‚ΠΎ Π΄Π΅Π»Π°Π΅Ρ‚Π΅.
Namename
Namename 29 июля 2011 15:13
Ρ…ΠΌ, ΠΌΠΎΠΆΠ½ΠΎ Π² аськС вас Π²Ρ‹Π»ΠΎΠ²ΠΈΡ‚ΡŒ?)
Namename
Namename 29 июля 2011 17:30
ΠŸΡ€ΠΎΡˆΡƒ, я всё ΠΏΡ€ΠΎΠ²Π΅Ρ€ΠΈΠ»! НС Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚!

Π—Π°Π»ΠΈΠ» Π² templates Ρ‚Π°ΠΊΠΎΠΉ ΠΆΠ΅ шаблон, для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ Π±Ρ‹ новости ΠΎΡ‚ΠΎΠ±Ρ€Π°ΠΆΠ°Π»ΠΈΡΡŒ Π² 4 ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ для Π½ΡƒΠΆΠ½Ρ‹Ρ… ΠΊΠ°Ρ‚Π΅Π³ΠΎΡ€ΠΈΠΉ.

Π’ этот свСТСзалитый шаблон ΠΏΡ€ΠΈΠΌΠΈΠ½ΡΡŽ ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ измСнСния:
ΠΎΡ‚ΠΊΡ€Ρ‹Π²Π°ΡŽ shortstory.tpl, Π²Π½ΠΎΡˆΡƒ Ρ‚ΡƒΠ΄Π° ΠΊΠΎΠ΄:
<div class="news">
ΠΊΠΎΠ΄ ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π±Ρ‹Π» Π²Π½ΡƒΡ‚Ρ€ΠΈ shortstory.tpl
</div>
Π”Π°Π»Π΅Π΅, Π² каскадныС стили шаблона style.css, Π² самый ΠΊΠΎΠ½Π΅Ρ† Π²Π½ΠΎΡˆΡƒ ΠΊΠΎΠ΄.

Π—Π°Ρ‚Π΅ΠΌ, Π²ΠΎ Π²Π½ΡƒΡ‚Ρ€ΡŒ <head></head> Π²Π½ΠΎΡˆΡƒ jQuery скрипт.

Π›ΠΈΠ±ΠΎ Π²ΠΎΠΎΠ±Ρ‰Π΅ Π½ΠΈΡ‡Π΅Π³ΠΎ Π½Π΅ мСняСтся, Π»ΠΈΠ±ΠΎ Π² 4 ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ Π½Π΅ встаёт, Π° тСкст появляСтся Π½Π΅ Ρ‚Π°ΠΌ, Π³Π΄Π΅ Π½ΡƒΠΆΠ½ΠΎ.

Dle 9.3! ΠŸΠΎΠΌΠΎΠ³ΠΈΡ‚Π΅ поТалуйста!
ΠŸΠ°Ρ„ΠΡƒΡ‚ΠΈΠ™
ΠŸΠ°Ρ„ΠΡƒΡ‚ΠΈΠ™ 29 июля 2011 18:37
Бсылку Π½Π° сайт Π΄Π°ΠΉΡ‚Π΅.
Namename
Namename 30 июля 2011 16:51
Π”Π°Π²Π°ΠΉΡ‚Π΅ Π½Π° icq ?я Π΄ΠΎΠ±Π°Π²ΠΈΠ» вас
Namename
Namename 30 июля 2011 18:48
Π₯ΠΌ, Π° Π½Π° ΠΎΡ„ΠΈΡ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠΌ шаблонС - Ρ€Π°Π±ΠΎΡ‚Π°Π΅Ρ‚! ΠžΡ‚Π»ΠΈΡ‡ΠΈΡ ΠΏΠ°ΠΏΠΎΠΊ корня шаблона ΠΎΡ‚ ΠΎΠ±Ρ‹Ρ‡Π½ΠΎΠ³ΠΎ Ρ‚Π΅ΠΌ, Ρ‡Ρ‚ΠΎ ΠΏΠ°ΠΏΠΊΠ° со стилями называСтся "css" Π° Π½Π΅ "styles'. Ρ…ΠΌ..
Namename
Namename 30 июля 2011 18:52
Вакс, всё Π΄Π΅Π»ΠΎ Π² shortstory, ΠΎΠ½ΠΎ Π½Π΅ стандартноС. Π’ΠΎΡ‚, посмотритС поТалуйста.

_http://don-light.net.ua/uploads/files/shortstory.tpl.rar
Namename
Namename 30 июля 2011 22:13
Всё спасибо, сдСлал всё сам Π² Ρ€ΡƒΡ‡Π½ΡƒΡŽ. Π‘Π°ΠΌ ΠΏΡ€ΠΈΠ΄ΡƒΠΌΠ°Π», написал - ΠΏΠΎΠ»ΡƒΡ‡ΠΈΠ»ΠΎΡΡŒ.
ΠŸΠ°Ρ„ΠΡƒΡ‚ΠΈΠ™
ΠŸΠ°Ρ„ΠΡƒΡ‚ΠΈΠ™ 31 июля 2011 22:50
Ну Π²ΠΎΡ‚ Π²ΠΈΠ΄ΠΈΡ‚Π΅ ΠΊΠ°ΠΊ Ρ…ΠΎΡ€ΠΎΡˆΠΎ, ΠΈ я 2 дня Π½Π° Π΄Π°Ρ‡Π΅ ΠΎΡ‚Π΄ΠΎΡ…Π½ΡƒΠ», ΠΈ Π²Ρ‹ смогли ΡΠ°ΠΌΠΎΠΌΡΡ‚ΠΎΡΡ‚Π΅Π»ΡŒΠ½ΠΎ Π΄ΠΎΠΉΡ‚ΠΈ Π΄ΠΎ Ρ€Π΅ΡˆΠ΅Π½ΠΈΡ :-)
Namename
Namename 2 августа 2011 17:53
:D
я просто Π½Π΅ ΠΏΠΎΠ΄ΠΊΠ»ΡŽΡ‡Π°Π» ксс, я прямо Ρ‚Π°ΠΌ <div style> сдСлал)

Π”ΠΎΠ±Π°Π²ΠΈΡ‚ΡŒ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ

ΠšΠΎΠΌΠΌΠ΅Π½Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ΠΌΠΎΠ³ΡƒΡ‚ Ρ‚ΠΎΠ»ΡŒΠΊΠΎ зарСгистрированныС ΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚Π΅Π»ΠΈ

Π˜Π½Ρ„ΠΎΡ€ΠΌΠ°Ρ†ΠΈΡ

ΠŸΠΎΡΠ΅Ρ‚ΠΈΡ‚Π΅Π»ΠΈ, находящиСся Π² Π³Ρ€ΡƒΠΏΠΏΠ΅ Гости, Π½Π΅ ΠΌΠΎΠ³ΡƒΡ‚ ΠΎΡΡ‚Π°Π²Π»ΡΡ‚ΡŒ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ ΠΊ Π΄Π°Π½Π½ΠΎΠΉ ΠΏΡƒΠ±Π»ΠΈΠΊΠ°Ρ†ΠΈΠΈ.