ΠΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΡΠ²Π΅ΡΠ° ΠΊΠ½ΠΎΠΏΠΊΠΈ
ΠΡ Π·Π΄Π΅ΡΡ: ΠΠ»Π°Π²Π½Π°Ρ β JavaScript β JavaScript Π‘ΠΊΡΠΈΠΏΡΡ β ΠΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΡΠ²Π΅ΡΠ° ΠΊΠ½ΠΎΠΏΠΊΠΈ
ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅: ΠΡΠ΅Π½Ρ ΠΏΡΠΎΡΡΠΎΠΉ ΠΈ ΡΠ°ΡΡΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΡΠΉ ΡΠΊΡΠΈΠΏΡ. ΠΡΠ΅Π½Ρ ΠΏΡΠΎΡΡΠΎΠΉ ΡΠΊΡΠΈΠΏΡ, ΠΊΠΎΡΠΎΡΡΠΉ ΡΠΏΠΎΡΠΎΠ±Π΅Π½ ΡΠ΅Π°Π»ΠΈΠ·ΠΎΠ²Π°ΡΡ Π»ΡΠ±ΠΎΠΉ, ΠΊΡΠΎ Π·Π°Π½ΠΈΠΌΠ°Π΅ΡΡΡ ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅ΠΌ ΡΠ°ΠΉΡΠΎΠ² Π½Π° JavaScript. ΠΠΎ ΡΡΠΎΠ±Ρ Π½Π΅ ΡΡΠ°ΡΠΈΡΡ Π½Π° ΡΡΠΎ Π²ΡΠ΅ΠΌΡ, ΠΌΠΎΠΆΠ΅ΡΠ΅ Π²ΠΎΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ ΡΠΆΠ΅ Π³ΠΎΡΠΎΠ²ΡΠΌ.
Π Π΅Π·ΡΠ»ΡΡΠ°Ρ ΡΠ°Π±ΠΎΡΡ:
ΠΠ°Π²Π΅Π΄ΠΈΡΠ΅ ΠΌΡΡΠΊΠΎΠΉ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡ.
ΠΠΎΠ΄ javascript (Π²ΡΡΠ°Π²Π»ΡΡΡ ΠΌΠ΅ΠΆΠ΄Ρ ΡΠ΅Π³Π°ΠΌΠΈ <head> ΠΈ </head>):
<script language="javascript">
var default_color;
function mouseIn() {
default_color = document.changecolorbutton.but.style.background;
document.changecolorbutton.but.style.background = "red";
}
function mouseOut() {
document.changecolorbutton.but.style.background = default_color;
}
</script>
ΠΠΎΠ΄ HTML (Π²ΡΡΠ°Π²Π»ΡΡΡ ΠΌΠ΅ΠΆΠ΄Ρ ΡΠ΅Π³Π°ΠΌΠΈ <body> ΠΈ </body>):
<form name = "changecolorbutton">
<input type="button" name="but" value="Click me!!!">
</form>
C ΡΠ²Π°ΠΆΠ΅Π½ΠΈΠ΅ΠΌ, ΠΠΈΡ Π°ΠΈΠ» Π ΡΡΠ°ΠΊΠΎΠ² ΠΈ ΡΠ°ΠΉΡ http://myrusakov.ru.
- Π‘ΠΎΠ·Π΄Π°Π½ΠΎ 20.04.2010 19:10:41
- ΠΠΈΡ Π°ΠΈΠ» Π ΡΡΠ°ΠΊΠΎΠ²
ΠΠΎΠΏΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»ΠΎΠ² ΡΠ°Π·ΡΠ΅ΡΠ°Π΅ΡΡΡ ΡΠΎΠ»ΡΠΊΠΎ Ρ ΡΠΊΠ°Π·Π°Π½ΠΈΠ΅ΠΌ Π°Π²ΡΠΎΡΠ° (ΠΠΈΡ Π°ΠΈΠ» Π ΡΡΠ°ΠΊΠΎΠ²) ΠΈ ΠΈΠ½Π΄Π΅ΠΊΡΠΈΡΡΠ΅ΠΌΠΎΠΉ ΠΏΡΡΠΌΠΎΠΉ ΡΡΡΠ»ΠΊΠΎΠΉ Π½Π° ΡΠ°ΠΉΡ (http://myrusakov.ru)!
ΠΠΎΠ±Π°Π²Π»ΡΠΉΡΠ΅ΡΡ ΠΊΠΎ ΠΌΠ½Π΅ Π² Π΄ΡΡΠ·ΡΡ ΠΠΠΎΠ½ΡΠ°ΠΊΡΠ΅: http://vk.com/myrusakov.
ΠΡΠ»ΠΈ ΠΡ Ρ
ΠΎΡΠΈΡΠ΅ Π΄Π°ΡΡ ΠΎΡΠ΅Π½ΠΊΡ ΠΌΠ½Π΅ ΠΈ ΠΌΠΎΠ΅ΠΉ ΡΠ°Π±ΠΎΡΠ΅, ΡΠΎ Π½Π°ΠΏΠΈΡΠΈΡΠ΅ Π΅Ρ Π² ΠΌΠΎΠ΅ΠΉ Π³ΡΡΠΏΠΏΠ΅: http://vk.com/rusakovmy.
ΠΡΠ»ΠΈ ΠΡ Π½Π΅ Ρ
ΠΎΡΠΈΡΠ΅ ΠΏΡΠΎΠΏΡΡΡΠΈΡΡ Π½ΠΎΠ²ΡΠ΅ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»Ρ Π½Π° ΡΠ°ΠΉΡΠ΅,
ΡΠΎ ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΠΎΠ΄ΠΏΠΈΡΠ°ΡΡΡΡ Π½Π° ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΡ: ΠΠΎΠ΄ΠΏΠΈΡΠ°ΡΡΡΡ Π½Π° ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΡ
ΠΡΠ»ΠΈ Ρ ΠΠ°Ρ ΠΎΡΡΠ°Π»ΠΈΡΡ ΠΊΠ°ΠΊΠΈΠ΅-Π»ΠΈΠ±ΠΎ Π²ΠΎΠΏΡΠΎΡΡ, Π»ΠΈΠ±ΠΎ Ρ ΠΠ°Ρ Π΅ΡΡΡ ΠΆΠ΅Π»Π°Π½ΠΈΠ΅ Π²ΡΡΠΊΠ°Π·Π°ΡΡΡΡ ΠΏΠΎ ΠΏΠΎΠ²ΠΎΠ΄Ρ ΡΡΠΎΠΉ ΡΡΠ°ΡΡΠΈ, ΡΠΎ ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΎΡΡΠ°Π²ΠΈΡΡ ΡΠ²ΠΎΠΉ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΉ Π²Π½ΠΈΠ·Ρ ΡΡΡΠ°Π½ΠΈΡΡ.
ΠΠΎΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡΠΉΡΠ΅ ΡΡΡ ΡΡΠ°ΡΡΡ Π΄ΡΡΠ·ΡΡΠΌ:
ΠΡΠ»ΠΈ ΠΠ°ΠΌ ΠΏΠΎΠ½ΡΠ°Π²ΠΈΠ»ΡΡ ΡΠ°ΠΉΡ, ΡΠΎ ΡΠ°Π·ΠΌΠ΅ΡΡΠΈΡΠ΅ ΡΡΡΠ»ΠΊΡ Π½Π° Π½Π΅Π³ΠΎ (Ρ ΡΠ΅Π±Ρ Π½Π° ΡΠ°ΠΉΡΠ΅, Π½Π° ΡΠΎΡΡΠΌΠ΅, Π² ΠΊΠΎΠ½ΡΠ°ΠΊΡΠ΅):
-
ΠΠ½ΠΎΠΏΠΊΠ°:
<a href=Β»https://myrusakov.ruΒ» target=Β»_blankΒ»><img src=Β»https://myrusakov.ru/images/button.gifΒ» alt=Β»ΠΠ°ΠΊ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ²ΠΎΠΉ ΡΠ°ΠΉΡΒ» /></a>ΠΠ½Π° Π²ΡΠ³Π»ΡΠ΄ΠΈΡ Π²ΠΎΡ ΡΠ°ΠΊ:
-
Π’Π΅ΠΊΡΡΠΎΠ²Π°Ρ ΡΡΡΠ»ΠΊΠ°:
ΠΠ½Π° Π²ΡΠ³Π»ΡΠ΄ΠΈΡ Π²ΠΎΡ ΡΠ°ΠΊ: ΠΠ°ΠΊ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ²ΠΎΠΉ ΡΠ°ΠΉΡ
- BB-ΠΊΠΎΠ΄ ΡΡΡΠ»ΠΊΠΈ Π΄Π»Ρ ΡΠΎΡΡΠΌΠΎΠ² (Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΠΎΡΡΠ°Π²ΠΈΡΡ Π΅Ρ Π² ΠΏΠΎΠ΄ΠΏΠΈΡΠΈ):
[URL=Β»https://myrusakov.ruΒ»]ΠΠ°ΠΊ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠ²ΠΎΠΉ ΡΠ°ΠΉΡ[/URL]
ΠΠ½ΠΎΠΏΠΊΠ°, ΠΈΠ·ΠΌΠ΅Π½ΡΡΡΠ°Ρ ΡΠ²ΠΎΠΉ ΡΠ²Π΅Ρ ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ Π½Π° Π½Π΅Π΅ ΠΊΡΡΡΠΎΡΠ°
72
202
ΠΡΠΈΠΌΠ΅ΡΡ ΠΏΠ΅ΡΠ΅Π»ΠΈΠ²Π°ΡΡΠΈΡ ΡΡ ΠΈ ΠΌΠ΅Π½ΡΡΡΠΈΡ ΡΠ²ΠΎΠΉ ΡΠ²Π΅Ρ ΡΠ΅ΠΊΡΡΠΎΠ² ΠΌΡ ΡΠΆΠ΅ ΡΠ°ΡΡΠΌΠ°ΡΡΠΈΠ²Π°Π»ΠΈ ΡΠ°Π½Π΅Π΅. Π’Π΅ΠΏΠ΅ΡΡ Π½Π° ΠΎΡΠ΅ΡΠ΅Π΄ΠΈ ΡΡΠΎΡΡ ΠΊΠ½ΠΎΠΏΠΊΠΈ (input type=Β»buttonΒ»). Π Π°ΡΡΠΌΠΎΡΡΠΈΠΌ JavaScript ΠΊΠΎΠ΄, ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡΡΠΈΠΉ ΠΈΠ·ΠΌΠ΅Π½ΡΡΡ ΡΠ²Π΅Ρ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ Π½Π° Π½Π΅Π΅ ΠΊΡΡΡΠΎΡΠ° ΠΌΡΡΠΊΠΈ.
Π‘ΠΎΠ±ΡΡΠ²Π΅Π½Π½ΠΎ Π²ΠΎΡ ΡΠ°ΠΊ Π²ΡΠ³Π»ΡΠ΄ΠΈΡ ΠΏΡΠΈΠΌΠ΅Ρ ΡΠ°Π±ΠΎΡΡ ΡΠ°ΡΡΠΌΠ°ΡΡΠΈΠ²Π°Π΅ΠΌΠΎΠ³ΠΎ ΡΠΊΡΠΈΠΏΡΠ°:
ΠΠ»Ρ ΠΏΠΎΠ»ΡΡΠ΅Π½ΠΈΡ ΡΠ°ΠΊΠΈΡ ΠΊΠ½ΠΎΠΏΠΎΠΊ, ΠΈΠ·ΠΌΠ΅Π½ΡΡΡΠΈΡ ΡΠ²ΠΎΠΉ ΡΠ²Π΅Ρ ΡΠ΅ΠΊΡΡΠ° ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΠΊΡΡΡΠΎΡΠ° ΠΌΡΡΠΊΠΈ, ΠΏΠΎΠΌΠ΅ΡΡΠΈΡΠ΅ ΡΠ»Π΅Π΄ΡΡΡΠΈΠΉ ΡΠΊΡΠΈΠΏΡ Π² Π½Π°ΡΠ°Π»ΠΎ ΠΠ°ΡΠ΅ΠΉ ΡΡΡΠ°Π½ΠΈΡΠΊΠΈ:
JavaScript ΠΊΠΎΠ΄:
<script type="text/javascript">
function color_button(x) {
if ("INPUT"==event.srcElement.tagName) event.srcElement.className=x;
}
</script>
ΠΠ°Π»Π΅Π΅ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΡΠΎΡΠΌΡ, ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΡΡ ΠΊΠ½ΠΎΠΏΠΊΠΈ, ΡΠ²Π΅Ρ ΠΊΠΎΡΠΎΡΡΡ ΠΏΠ»Π°Π½ΠΈΡΡΠ΅ΡΡΡ ΠΌΠ΅Π½ΡΡΡ, ΡΠ»Π΅Π΄ΡΡΡΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ:
HTML ΠΊΠΎΠ΄:
<form name="primer" align="center" onmouseover="color_button('start')"
onmouseout="color_button('')">
ΠΠ°Π²Π΅Π΄ΠΈΡΠ΅ ΠΊΡΡΡΠΎΡ ΠΌΡΡΠΈ Π½Π° ΠΎΠ΄Π½Ρ ΠΈΠ· ΠΊΠ½ΠΎΠΏΠΎΠΊ!<br>
<input type="button" value="ΠΠ½ΠΎΠΏΠΊΠ° β 1">
<input type="button" value="ΠΠ½ΠΎΠΏΠΊΠ° β 2">
<input type="button" value="ΠΠ½ΠΎΠΏΠΊΠ° β 3">
</form>
ΠΡΠ΅ Π½Π΅ Π·Π°Π±ΡΠ΄ΡΡΠ΅ Π²ΡΡΠ°Π²ΠΈΡΡ Π² Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΡΡΡΠ°Π½ΠΈΡΠΊΠΈ (ΠΌΠ΅ΠΆΠ΄Ρ ΡΠ΅Π³Π°ΠΌΠΈ <head> ΠΈ </head>) ΡΡΠΈΠ»Ρ, ΠΊΠΎΡΠΎΡΡΠΉ Π±ΡΠ΄Π΅Ρ ΠΏΡΠΈΠΌΠ΅Π½Π΅Π½ ΠΊ Π½Π°ΡΠΈΠΌ ΠΊΠ½ΠΎΠΏΠΊΠ°ΠΌ ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ Π½Π° Π½ΠΈΡ ΠΊΡΡΡΠΎΡΠ° ΠΌΡΡΠΊΠΈ:
HTML ΠΊΠΎΠ΄:
<style type="text/css">
.start { color: yellow; background: green; }
</style>
Π ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠ΅ Ρ ΠΠ°Ρ Π²ΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ, ΠΎΠΏΠΈΡΠ°Π½Π½ΡΠ΅, ΠΊΠ°ΠΊ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ ΠΡΡΠ΅, Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΈΠ·ΠΌΠ΅Π½ΡΡΡ ΡΠ²ΠΎΠΉ ΡΠ²Π΅Ρ, ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ Π½Π° Π½ΠΈΡ ΠΊΡΡΡΠΎΡΠ° ΠΌΡΡΠΊΠΈ.
ΠΠ°ΡΠ° ΡΠΎΠ·Π΄Π°Π½ΠΈΡ: 14:10:21 03.07.2011 Π³.
ΠΠ°ΡΠ° ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΡ: 22:36:47 08.03.2012 Π³.
ΠΠΎΡΠ΅ΡΠ΅Π½ΠΈΠΉ: 19943 ΡΠ°Π·(Π°).
ΠΠ΅ΡΠ΅Π΄ ΠΏΡΠ±Π»ΠΈΠΊΠ°ΡΠΈΠ΅ΠΉ Π²ΡΠ΅ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΈ ΠΏΡΠΎΡ ΠΎΠ΄ΡΡ ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΡΡ ΠΌΠΎΠ΄Π΅ΡΠ°ΡΠΈΡ!
ΠΡΠ»ΠΈ ΠΡ Ρ
ΠΎΡΠΈΡΠ΅ Π·Π°Π΄Π°ΡΡ ΠΊΠ°ΠΊΠΎΠΉ-Π»ΠΈΠ±ΠΎ Π²ΠΎΠΏΡΠΎΡ, ΡΠΎ ΡΠ΄Π΅Π»Π°ΠΉΡΠ΅ ΡΡΠΎ Π½Π° Π½Π°ΡΠ΅ΠΌ ΡΠΎΡΡΠΌΠ΅.
Π’Π°ΠΊΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ, ΠΡ ΡΠΌΠΎΠΆΠ΅ΡΠ΅ Π±ΡΡΡΡΠ΅Π΅ ΠΏΠΎΠ»ΡΡΠΈΡΡ ΠΎΡΠ²Π΅Ρ Π½Π° ΠΈΠ½ΡΠ΅ΡΠ΅ΡΡΡΡΠΈΠΉ ΠΠ°Ρ Π²ΠΎΠΏΡΠΎΡ.
ΠΠ°ΠΌΠ΅Π½Π° ΠΊΠ½ΠΎΠΏΠΊΠΈ submit Π² ΡΠΎΡΠΌΠ΅ html
Π¦Π΅Π»Ρ:Π‘Π΅Π³ΠΎΠ΄Π½Ρ Π½Π°ΡΠ° Π·Π°Π΄Π°ΡΠ° Π·Π°ΠΌΠ΅Π½Π° ΡΡΠ°Π½Π΄Π°ΡΡΠ½ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ Β«ΠΎΡΠΏΡΠ°Π²ΠΈΡΡΒ» Π½Π° ΠΊΡΠ°ΡΠΈΠ²ΡΡ. ΠΠ½ΠΎΠΏΠΊΠ° Π²ΡΠΏΠΎΠ»Π½ΡΠ΅Ρ ΠΎΡΠΏΡΠ°Π²ΠΊΡ ΡΠΎΡΠΌΡ ΠΈ ΠΈΠΌΠ΅Π΅Ρ ΡΠΈΠΏ Β«submitΒ». ΠΠΎΠΆΠ½ΠΎ ΠΊΠΎΠ½Π΅ΡΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΡΠΈΠΏ Ρ Β«submitΒ» Π½Π° Β«imageΒ» ΠΈ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡ Β«srcΒ», Π½ΠΎ Π½Π°ΡΠ° Π·Π°Π΄Π°ΡΠ° Π½Π° ΡΠ΅Π³ΠΎΠ΄Π½Ρ ΡΡΠΎ ΠΎΡΡΠ°Π²ΠΈΡΡ ΡΠΈΠΏ Β«submitΒ» Π½Π° ΠΌΠ΅ΡΡΠ΅ ΠΈ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ½ΠΎ Π½Π°ΡΠΈΡΠΎΠ²Π°ΡΡ ΠΊΡΠ°ΡΠΈΠ²ΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ.
ΠΡΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅:
ΠΠ»Ρ ΡΠ΅Π³ΠΎ ΡΡΠΎ ΠΌΠΎΠΆΠ΅Ρ ΠΏΠΎΠ½Π°Π΄ΠΎΠ±ΠΈΡΡΡΡ? ΠΡΡ ΠΏΡΠΎΡΡΠΎ, Π΄Π»Ρ ΠΏΡΠΈΠ΄Π°Π½ΠΈΡ ΡΡΡΠ΅ΡΠΈΡΠ½ΠΎΠ³ΠΎ Π²ΠΈΠ΄Π° ΡΠΎΠΉ ΡΠ°ΠΌΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠ΅.
ΠΠΎΡ Π΄Π»Ρ ΡΡΠ°Π²Π½Π΅Π½ΠΈΡ. ΠΠ°Π³Π»ΡΠ΄Π½ΠΎ Π²ΠΈΠ΄Π½ΠΎ, ΡΡΠΎ Π²ΡΠΎΡΠ°Ρ ΠΊΠ½ΠΎΠΏΠΊΠ° ΡΠΌΠΎΡΡΠΈΡΡΡ Π»ΡΡΡΠ΅.
Π Π΅ΡΠ΅Π½ΠΈΠ΅:
ΠΠ»Ρ Π²ΡΠΏΠΎΠ»Π½Π΅Π½ΠΈΡ Π΄Π°Π½Π½ΠΎΠΉ ΡΠ΅Π»ΠΈ ΠΊΠ°ΠΊ ΠΈ Π³ΠΎΠ²ΠΎΡΠΈΠ»ΠΎΡΡ ΠΌΡ Π±ΡΠ΄Π΅ΠΌ ΠΏΡΠΈΠΌΠ΅Π½ΡΡΡ Β«inputΒ» Ρ ΡΠΈΠΏΠΎΠΌ Β«submitΒ». ΠΡΡ Π½Π°ΠΌ ΠΏΠΎΠ½Π°Π΄ΠΎΠ±ΠΈΡΡΡ ΠΎΠΏΠΈΡΠ°ΡΡ Π½ΠΎΠ²ΡΠΉ ΠΊΠ»Π°ΡΡ Π² ΡΠ°Π±Π»ΠΈΡΠ΅ ΡΡΠΈΠ»Π΅ΠΉ Β«*.cssΒ»
ΠΠΎΡ ΠΊΠΎΠ΄ Π΄Π»Ρ html-ΡΠ°ΠΉΠ»Π°:
<input type=Β»submitΒ» name=Β»submitΒ» value=Β»ΠΠΏΠ»Π°ΡΠΈΡΡΒ» />
Π Π²ΠΎΡ ΠΈ css:
.superbutton {
width:150px;
height:40px;
border-radius:20px;
background:#459DE5;
color:#fff;
font-size:18px;
cursor:pointer;
}
Π£ΠΊΡΠ°ΡΠ°Π΅ΠΌ:
ΠΠ»Ρ ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΡ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡΠ΅Π΄Π»ΠΎΠΆΠΈΡΡ ΠΈΠ·ΠΌΠ΅Π½ΡΡΡ ΡΠ²Π΅Ρ ΡΠΎΠ½Π° ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ. ΠΠ°ΠΊ ΠΏΡΠ°Π²ΠΈΠ»ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π΅ΡΡ ΡΠΎΠ²Π΅ΡΡΡΡ ΠΌΠ΅Π½ΡΡΡ ΡΠ²Π΅Ρ Π½Π΅ ΠΊΠ°ΡΠ΄ΠΈΠ½Π°Π»ΡΠ½ΠΎ, Π° Π²ΡΠ΅Π³ΠΎ Π»ΠΈΡΡ Π½Π° ΡΠΎΠ½ ΡΠ²Π΅ΡΠ»Π΅Π΅ ΠΈΠ»ΠΈ ΡΠ΅ΠΌΠ½Π΅Π΅. Π― ΠΏΡΠΈ Π²ΡΠΏΠΎΠ»Π½Π΅Π½ΠΈΠΈ Π·Π°Π΄Π°ΡΠΈ ΠΏΡΠ΅Π΄ΠΏΠΎΡΠ΅Π» Π·Π°ΡΠ΅ΠΌΠ½ΠΈΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ. ΠΠ»Ρ ΡΡΠΎΠ³ΠΎ Π² css Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅ΠΌ:
Π’Π΅ΠΏΠ΅ΡΡ ΠΊΠ½ΠΎΠΏΠΊΠ° ΠΎΠΆΠΈΠ»Π°. ΠΠ° ΡΡΠ°ΡΠΈΡΠ½ΠΎΠΉ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠ΅ ΡΠ°Π·Π½ΠΎΡΡΡ ΡΠ²Π΅ΡΠΎΠ² Π½Π΅ ΡΠ°ΠΊ Π·Π°ΠΌΠ΅ΡΠ½Π° ΠΊΠΎΠ³Π΄Π° ΡΡ Π½Π°Π²ΠΎΠ΄ΠΈΡΡ ΠΌΡΡΡ ΠΈ ΡΠ²Π΅Ρ Π² ΡΡΠΆΠ΅ ΡΠ΅ΠΊΡΠ½Π΄Ρ ΠΌΠ΅Π½ΡΠ΅ΡΡΡ Π½Π°ΠΊΠ»Π°Π΄ΡΠ²Π°Ρ Π±ΠΎΠ»Π΅Π΅ ΡΠ΅ΠΌΠ½ΡΠΉ ΠΎΡΡΠ΅Π½ΠΎΠΊ..superbutton:hover{
background:#358DE5;
}
ΠΡΠΎΠ±Π»Π΅ΠΌΠ° ΡΠ°ΠΌΠΊΠΈ Π²ΠΎΠΊΡΡΠ³ ΠΊΠ½ΠΎΠΏΠΊΠΈ:
Π Π²ΡΡ Π²ΡΠΎΠ΄Π΅ Π½ΠΈΡΠ΅Π³ΠΎ ΠΈ Π²ΡΠ³Π»ΡΠ΄ΠΈΡ Π½ΠΈΡΠ΅Π³ΠΎ ΠΈ ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΡΠ΅ΠΌΠ½Π΅Π΅Ρ, Π½ΠΎ ΠΏΡΠΈ Π½Π°ΠΆΠ°ΡΠΈΠΈ ΠΌΡ Π²ΠΈΠ΄ΠΈΠΌ ΡΠΆΠ°ΡΠ½ΡΡ ΡΠ°ΠΌΠΊΡ. ΠΡΡ ΡΡΡ ΡΠ°ΠΌΠΊΡ ΠΌΠΎΠΆΠ½ΠΎ Π½Π°Π±Π»ΡΠ΄Π°ΡΡ Π΅ΡΠ»ΠΈ Π½Π°ΡΠ° ΠΊΠ½ΠΎΠΏΠΊΠ° Π½Π°Ρ ΠΎΠ΄ΠΈΡΡΡ Π² ΡΠΎΠΊΡΡΠ΅, Π² ΡΠΎΠΌ ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΠΎ ΠΊΠ½ΠΎΠΏΠΊΠ΅ Tab ΠΏΠ΅ΡΠ΅Π±ΠΈΡΠ°Π΅Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅.
ΠΠΎΡ ΠΊΠΎΠ΄:
Please enable JavaScript to view the comments powered by Disqus.. superbutton:focus{
outline:none;
}
Html ΠΠΠ ΠΠΠΠΠΠΠ’Π¬ Π¦ΠΠΠ’ ΠΠΠΠΠΠ Π²ΠΈΠ΄Π΅ΠΎ ΠΎΠ½Π»Π°ΠΉΠ½
ΠΠΈΠ΄Π΅ΠΎ:
ΠΡΠΈΠ²Π΅Ρ Π΄ΡΡΠ·ΡΡ! Π ΡΡΠΎΠΌ Π²ΠΈΠ΄Π΅ΠΎ Ρ Π²Π°ΠΌ ΡΠ°ΡΡΠΊΠ°ΠΆΡ, ΠΊΠ°ΠΊ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΡΠ²Π΅Ρ ΡΠ΅ΠΊΡΡΠ° Π² HTML, Π²Ρ ΡΠ²ΠΈΠ΄ΠΈΡΠ΅ ΠΊΠ°ΠΊ ΠΏΠΎΠΌΠ΅Π½ΡΡΡ ΡΠ²Π΅Ρ Π²Ρ
Π ΡΡΠΎΠΊΠ΅ Π·Π°Π΄Π΅ΠΉΡΡΠ²ΡΠ΅ΠΌ #ΠΏΡΠ΅Π²Π΄ΠΎΡΠ»Π΅ΠΌΠ΅Π½ΡΡ #before ΠΈ #after, Π΄Π»Ρ #Π°Π½ΠΈΠΌΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠ³ΠΎ ΠΏΠΎΡΠ²Π»Π΅Π½ΠΈΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌ #transition, Π° ΠΏΡΠΈ β¦
ΠΡΠΈΠ²Π΅Ρ Π΄ΡΡΠ·ΡΡ! ΠΡΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΡΠ°Π·Π»ΠΈΡΠ½ΡΡ hover ΡΡΡΠ΅ΠΊΡΠΎΠ² CSS ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΠΊΡΡΡΠΎΡΠ° Π½Π° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅, ΡΡΡΠ»ΠΊΡ ΠΈΠ»ΠΈ ΡΠ΅ΠΊ
ΠΠΎΠΌΠΎΡΡ ΠΏΡΠΎΠ΅ΠΊΡΡ: WMR: R288272666982 WMZ: Z293550531456 Π―Π½Π΄Π΅ΠΊΡ.ΠΠ΅Π½ΡΠ³ΠΈ: 410011531129223 ΠΠ»ΠΎΠ³: β¦
β’ Π‘ΠΊΠΈΠ΄ΠΊΠ° 10% Π½Π° ΠΏΠ»Π°ΡΠ½ΡΠ΅ ΡΠ°ΡΠΈΡΡ ΠΏΠΎ ΠΏΡΠΎΠΌΠΎΠΊΠΎΠ΄Ρ: SKIDKA10 β’ 7 Π΄Π½Π΅ΠΉ ΠΏΠΎΠ»Π½ΠΎΠ³ΠΎ Π΄ΠΎΡΡΡΠΏΠ° ΠΏΠΎ ΠΏΡΠΎΠΌΠΎΠΊΠΎΠ΄Ρ: SUPER7 ΠΠΎΠ±Π°Π²Π»ΡΠΉΡΠ΅ΡΡ
In this video youβll going to learn how to create different kind of buttons in Android Studio. My Courses: β¦
ΠΠΎΠΌΠΎΡΡ ΠΏΡΠΎΠ΅ΠΊΡΡ: WMR: R288272666982 WMZ: Z293550531456 Π―Π½Π΄Π΅ΠΊΡ.ΠΠ΅Π½ΡΠ³ΠΈ: 410011531129223 ΠΠ»ΠΎΠ³: β¦
ΠΠ°ΠΊ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ ΡΠ²Π΅Ρ ΡΠΎΠ½Π° Π² HTML (ΡΠ΅Π³ΠΈ ΡΠ²Π΅ΡΠΎΠ² ΡΠΎΠ½Π° HTML). Π‘ΡΠ°ΡΡΡ ΡΠΌ. Π·Π΄Π΅ΡΡ: β¦
Π Π΄Π°Π½Π½ΠΎΠΌ Π²ΠΈΠ΄Π΅ΠΎ Ρ ΠΏΠΎΠΊΠ°ΠΆΡ Π²Π°ΠΌ, ΠΊΠ°ΠΊ Π² HTML ΡΠΎΠ·Π΄Π°ΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ CSS Ρ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ΠΌ ΠΊΠΎΠ΄ΠΎΠ², ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠ΄Π΅Π»Π°ΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ ΠΊΡΡΠ³Π»
ΠΡΠΈΠ²Π΅ΡΡΡΠ²ΡΡ. Π‘Π΅Π³ΠΎΠ΄Π½Ρ ΠΌΡ Π±ΡΠ΄Π΅ΠΌ ΡΠ°Π·Π±ΠΈΡΠ°ΡΡΡΡ, ΠΊΠ°ΠΊ Π΄Π΅Π»Π°Π΅ΡΡΡ ΡΡΠΈΠ»ΠΈΠ·Π°ΡΠΈΡ Checkbox ΠΈ ΡΡΠΈΠ»ΠΈΠ·Π°ΡΠΈΡ radio css. ΡΡΠΎ ΡΠ°ΠΊΠΈΠ΅ β¦
Π₯ΠΎΡΠ΅ΡΡ ΡΠ΄Π΅Π»Π°ΡΡ ΠΊΡΠ°ΡΠΈΠ²ΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ Ρ Π°Π½ΠΈΠΌΠ°ΡΠΈΠ΅ΠΉ Π½Π° CSS HTML? Π― ΡΠ°ΡΡΠΊΠ°ΠΆΡ ΠΈ ΠΏΠΎΠΊΠ°ΠΆΡ ΠΊΠ°ΠΊ ΡΡΠΎ ΡΠ΄Π΅Π»Π°ΡΡ! Π ΡΡΡΠΎΡΠΈΠ°Π»Π΅ Ρ β¦
Π Π΄Π°Π½Π½ΠΎΠΌ ΡΡΠΎΠΊΠ΅ ΠΌΡ Π½Π°ΠΏΠΈΡΠ΅ΠΌ ΠΏΠ΅ΡΠ²ΡΡ ΠΏΠΎΠ»Π½ΠΎΡΠ΅Π½Π½ΡΡ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ, Π½Π°ΡΡΠΈΠΌΡΡ ΡΠ°Π±ΠΎΡΠ°ΡΡ Ρ ΡΠ²ΠΎΠΉΡΡΠ²Π°ΠΌΠΈ ΡΠΎΡΠΌΡ ΠΈΠ·ΠΌΠ΅Π½ΡΡ Π΅
Enroll My Course : Next Level CSS Animation and Hover Effects β¦
ΠΠΎΠΌΠΎΡΡ ΠΏΡΠΎΠ΅ΠΊΡΡ: WMR: R288272666982 WMZ: Z293550531456 Π―Π½Π΄Π΅ΠΊΡ.ΠΠ΅Π½ΡΠ³ΠΈ: 410011531129223 ΠΠ»ΠΎΠ³: β¦
ΠΡ ΠΏΡΠΎΠ΄ΠΎΠ»ΠΆΠ°Π΅ΠΌ ΡΡΠ±ΡΠΈΠΊΡ CSS-ΡΠΈΡΠΈ! Π‘Π΅Π³ΠΎΠ΄Π½Ρ ΠΌΡ ΡΠ·Π½Π°Π΅ΠΌ, ΠΊΠ°ΠΊ ΡΠ΄Π΅Π»Π°ΡΡ ΡΠ²ΠΎΡ radio ΠΊΠ½ΠΎΠΏΠΊΡ ΠΈΠ»ΠΈ ΠΊΠ½ΠΎΠΏΠΊΡ ΡΠ΅ΠΊΠ±ΠΎΠΊΡ (checkbox input
Π‘ΡΠ°ΡΡΠΈ Π‘Π°ΡΡ Π‘ΡΠ°ΠΉΠ΄Π°Π½ β β ΠΡΡΡ Β«ΠΡΠΎΡΠΌΠ»Π΅Π½ΠΈΠ΅ SVG-ΡΠΈΠ³ΡΡΒ» β¦
Π’ΠΈΠ»ΡΠ΄Π°. ΠΡΡΡΡΠ΅ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄Ρ ΠΌΠ΅ΠΆΠ΄Ρ Π±Π»ΠΎΠΊΠ°ΠΌΠΈ Π² ΡΠΈΠ»ΡΠ΄Π΅. Tilda publishing, zero block. ΠΡΠ΅Π΄Π»Π°Π³Π°Ρ Π²Π°ΡΠ΅ΠΌΡ Π²Π½ΠΈΠΌΠ°Π½ΠΈΡ ΡΡΠΈ ΠΊΠ»Π°ΡΡΠ½ΡΡ
ΠΠΎΡΠ΅ΠΌΡ Ρ ΠΊΠ½ΠΎΠΏΠΊΠΈ Β«ΠΡΠΌΠ΅Π½Π°Β» Π½ΠΈΠΊΠΎΠ³Π΄Π° Π½Π΅ Π΄ΠΎΠ»ΠΆΠ½ΠΎ Π±ΡΡΡ ΡΠ²Π΅ΡΠ°
Π§ΡΠΎ ΠΈΠΌΠ΅Π½Π½ΠΎ Π΄Π΅Π»Π°Π΅Ρ ΠΊΠ½ΠΎΠΏΠΊΠ° Β«ΠΡΠΌΠ΅Π½Π°Β»?
ΠΠ½ Π·Π°ΠΊΡΡΠ²Π°Π΅Ρ ΡΠ΅ΠΊΡΡΠΈΠΉ ΡΠΊΡΠ°Π½ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΠΈ Π²ΠΎΠ·Π²ΡΠ°ΡΠ°Π΅Ρ Π΅Π³ΠΎ ΠΊ ΠΏΡΠ΅Π΄ΡΠ΄ΡΡΠ΅ΠΌΡ ΡΠΎΡΡΠΎΡΠ½ΠΈΡ. ΠΡΠ° ΠΊΠ½ΠΎΠΏΠΊΠ° ΡΠ²Π»ΡΠ΅ΡΡΡ Π·Π°ΡΠΈΡΠΎΠΉ ΠΎΡ Π½Π΅ΠΆΠ΅Π»Π°ΡΠ΅Π»ΡΠ½ΡΡ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ Π² ΡΠΈΡΡΠ΅ΠΌΠ΅. ΠΠΎ ΠΊΠΎΠ³Π΄Π° ΠΎΠ½Π° ΠΏΠΎΡ ΠΎΠΆΠ° Π½Π° ΠΊΠ½ΠΎΠΏΠΊΡ Π΄Π΅ΠΉΡΡΠ²ΠΈΡ, ΡΡΡ ΡΡΠ½ΠΊΡΠΈΡ Π·Π°ΡΠΈΡΡ ΡΡΡΠ΄Π½ΠΎ ΡΠ°ΡΠΏΠΎΠ·Π½Π°ΡΡ.
ΠΠ½ΠΎΠΏΠΊΠ° Β«ΠΡΠΌΠ΅Π½Π°Β» Π΄ΠΎΠ»ΠΆΠ½Π° ΡΠΈΠΌΠ²ΠΎΠ»ΠΈΠ·ΠΈΡΠΎΠ²Π°ΡΡ Π²ΠΎΠ·Π²ΡΠ°ΡΠ΅Π½ΠΈΠ΅ ΠΊ Π±Π΅Π·ΠΎΠΏΠ°ΡΠ½ΠΎΠΌΡ ΡΠΎΡΡΠΎΡΠ½ΠΈΡ, Π° Π½Π΅ ΠΏΡΠΈΠ·ΡΠ² ΠΊ Π΄Π΅ΠΉΡΡΠ²ΠΈΡ. ΠΡΡΠ³ΠΈΠΌΠΈ ΡΠ»ΠΎΠ²Π°ΠΌΠΈ, Π²Π°ΡΠ° ΠΊΠ½ΠΎΠΏΠΊΠ° βΠΡΠΌΠ΅Π½Π°β Π½ΠΈΠΊΠΎΠ³Π΄Π° Π½Π΅ Π΄ΠΎΠ»ΠΆΠ½Π° Π±ΡΡΡ ΡΠ²Π΅ΡΠ½ΠΎΠΉ.
ΠΠ΅ΠΉΡΡΠ°Π»ΡΠ½ΡΠΉ ΡΠ²Π΅Ρ Π΄Π»Ρ Π½Π΅ΠΉΡΡΠ°Π»ΡΠ½ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ
Π¦Π²Π΅Ρ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΎΠ·Π½Π°ΡΠ°Π΅Ρ ΠΏΡΠΈΠ·ΡΠ² ΠΊ Π΄Π΅ΠΉΡΡΠ²ΠΈΡ. ΠΠ½ΠΎΠΏΠΊΠ° Β«ΠΡΠΌΠ΅Π½Π°Β» Π½Π΅ ΡΠ²Π»ΡΠ΅ΡΡΡ ΠΏΡΠΈΠ·ΡΠ²ΠΎΠΌ ΠΊ Π΄Π΅ΠΉΡΡΠ²ΠΈΡ, ΠΏΠΎΡΠΊΠΎΠ»ΡΠΊΡ ΠΏΠΎΡΠ»Π΅ Π½Π°ΠΆΠ°ΡΠΈΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΌ Π½ΠΈΠΊΠ°ΠΊΠΈΡ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ Π² ΡΠΈΡΡΠ΅ΠΌΠ΅ Π½Π΅ ΠΏΡΠΎΠΈΡΡ ΠΎΠ΄ΠΈΡ. ΠΡ Π½Π΅ Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΏΠΎΠ΄ΡΠ΅ΡΠΊΠΈΠ²Π°ΡΡ ΡΡΠΎ ΡΠ²Π΅ΡΠΎΠΌ, ΠΈΠ»ΠΈ Π²Ρ ΡΠΎΠ·Π΄Π°Π΄ΠΈΡΠ΅ Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ Π½Π΅ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎΠ΅ Π²ΠΏΠ΅ΡΠ°ΡΠ»Π΅Π½ΠΈΠ΅. ΠΠΌΠ΅ΡΡΠΎ ΡΡΠΎΠ³ΠΎ Π²Ρ Π΄ΠΎΠ»ΠΆΠ½Ρ ΡΠΎΠΎΠ±ΡΠΈΡΡ ΠΈΠΌ, ΡΡΠΎ ΠΊΠ½ΠΎΠΏΠΊΠ° Π½Π΅ Π±ΡΠ΄Π΅Ρ Π²Π½ΠΎΡΠΈΡΡ Π½ΠΈΠΊΠ°ΠΊΠΈΡ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ ΠΈ ΡΠ²Π»ΡΠ΅ΡΡΡ ΠΎΡΠΊΠ°Π·ΠΎΠΌ ΠΎΡ Π΄Π΅ΠΉΡΡΠ²ΠΈΡ.
ΠΠ½ΠΎΠΏΠΊΠ° Β«ΠΡΠΌΠ΅Π½Π°Β» Π΄ΠΎΠ»ΠΆΠ½Π° ΠΈΠΌΠ΅ΡΡ Π½Π΅ΠΉΡΡΠ°Π»ΡΠ½ΡΠΉ ΡΠ²Π΅Ρ, ΡΡΠΎΠ±Ρ ΠΎΠ±ΠΎΠ·Π½Π°ΡΠ°ΡΡ Π½Π΅ΠΉΡΡΠ°Π»ΡΠ½ΡΡ, Π½Π΅ ΡΠΎΠ²Π΅ΡΡΠ°ΡΡΡΡ Π΄Π΅ΠΉΡΡΠ²ΠΈΠΉ ΠΊΠ½ΠΎΠΏΠΊΡ. ΠΠΎΠ³Π΄Π° ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΠΈ Π²ΠΈΠ΄ΡΡ, ΡΡΠΎ ΠΊΠ½ΠΎΠΏΠΊΠ° Β«ΠΡΠΌΠ΅Π½Π°Β» Π½Π΅ ΠΈΠΌΠ΅Π΅Ρ ΡΠ²Π΅ΡΠ°, ΠΎΠ½ΠΈ ΡΠ°ΡΠΏΠΎΠ·Π½Π°ΡΡ Π΅Π΅ ΠΊΠ°ΠΊ Π·Π°ΠΏΠ°ΡΠ½ΠΎΠΉ, Π±Π΅Π·ΠΎΠΏΠ°ΡΠ½ΡΠΉ Π²Π°ΡΠΈΠ°Π½Ρ. ΠΡΠΎ Π²Π°ΠΆΠ½ΠΎ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, Π΄Π»Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ, ΠΊΠΎΡΠΎΡΡΠΌ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ Π²ΡΠΉΡΠΈ ΠΈΠ· ΡΠΊΡΠ°Π½Π° ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠΆΠ΄Π΅Π½ΠΈΡ.
ΠΠΎΠ³Π΄Π° Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π½Π° ΡΠΊΡΠ°Π½Π΅ Π΅ΡΡΡ ΡΠ²Π΅Ρ, ΠΎΠ½ΠΈ ΠΊΠΎΠ½ΠΊΡΡΠΈΡΡΡΡ Π·Π° Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅. ΠΠΎΠ½ΠΊΡΡΠ΅Π½ΡΠΈΡ Π·Π°ΡΡΠ°Π²Π»ΡΠ΅Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ Π΄ΠΎΠ»ΡΡΠ΅ ΠΎΠ±Π΄ΡΠΌΡΠ²Π°ΡΡ ΠΊΠ°ΠΆΠ΄ΠΎΠ΅ Π΄Π΅ΠΉΡΡΠ²ΠΈΠ΅. ΠΡΠ»ΠΈ ΠΊΠ½ΠΎΠΏΠΊΠ° ΠΎΡΠΌΠ΅Π½Ρ Π½Π΅ΠΉΡΡΠ°Π»ΡΠ½ΠΎΠ³ΠΎ ΡΠ²Π΅ΡΠ°, ΡΠΎ ΠΎΠ½Π° ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΠΈΠΌ Π±ΡΡΡΡΠ΅Π΅ ΠΏΡΠΈΠ½ΠΈΠΌΠ°ΡΡ ΡΠ΅ΡΠ΅Π½ΠΈΠ΅, Π½Π΅ ΡΠ°Π·Π΄ΡΠΌΡΠ²Π°Ρ Π΄ΠΎΠ»Π³ΠΎ. ΠΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΠΈ, Π³ΠΎΡΠΎΠ²ΡΠ΅ ΠΏΡΠ΅Π΄ΠΏΡΠΈΠ½ΡΡΡ Π΄Π΅ΠΉΡΡΠ²ΠΈΡ, ΡΠ°ΠΊΠΆΠ΅ Π½Π΅ Π±ΡΠ΄ΡΡ ΠΎΡΠ²Π»Π΅ΠΊΠ°ΡΡΡΡ Π½Π° Π½Π΅ΠΉΡΡΠ°Π»ΡΠ½ΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ.
Π£ Β«ΠΡΠΌΠ΅Π½ΡΒ» ΠΌΠ½ΠΎΠ³ΠΎ ΠΈΠΌΠ΅Π½
ΠΠ΅ Π²ΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΎΡΠΌΠ΅Π½Ρ ΠΈΠΌΠ΅ΡΡ Π½Π°Π΄ΠΏΠΈΡΡ Β«ΠΡΠΌΠ΅Π½Π°Β», Π½ΠΎ Π²ΡΠ΅ ΠΎΠ½ΠΈ ΡΡΠ½ΠΊΡΠΈΠΎΠ½ΠΈΡΡΡΡ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎ. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, ΠΊΠ½ΠΎΠΏΠΊΠ° Β«ΠΡΠΌΠ΅Π½Π°Β» ΠΌΠΎΠΆΠ΅Ρ ΠΈΠΌΠ΅ΡΡ Π½Π°Π΄ΠΏΠΈΡΡ Β«ΠΠ΅ ΡΠ΅ΠΉΡΠ°ΡΒ», Β«ΠΠ΅Ρ, ΡΠΏΠ°ΡΠΈΠ±ΠΎΒ», Β«ΠΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΠΏΠΎΠ·ΠΆΠ΅Β» ΠΈΠ»ΠΈ Β«ΠΡΠΎΠΏΡΡΡΠΈΡΡΒ», Π² Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ ΠΎΡ ΠΊΠΎΠ½ΡΠ΅ΠΊΡΡΠ°. ΠΡΠ»ΠΈ ΠΊΠ½ΠΎΠΏΠΊΠ° ΠΎΡΠΌΠ΅Π½ΡΠ΅Ρ ΠΊΠ°ΠΊΠΎΠ΅-Π»ΠΈΠ±ΠΎ Π΄Π΅ΠΉΡΡΠ²ΠΈΠ΅, ΡΠ°ΡΡΠΌΠ°ΡΡΠΈΠ²Π°ΠΉΡΠ΅ Π΅Π΅ ΠΊΠ°ΠΊ ΠΊΠ½ΠΎΠΏΠΊΡ Β«ΠΡΠΌΠ΅Π½Π°Β», ΠΏΠΎΡΠΊΠΎΠ»ΡΠΊΡ ΠΎΠ½Π° Π²ΡΠΏΠΎΠ»Π½ΡΠ΅Ρ ΡΡ ΠΆΠ΅ ΡΡΠ½ΠΊΡΠΈΡ.
Π§Π΅ΠΌ Π±ΠΎΠ»ΡΡΠ΅ ΠΊΠ½ΠΎΠΏΠΎΠΊ Π½Π° ΡΠΊΡΠ°Π½Π΅, ΡΠ΅ΠΌ Π±ΠΎΠ»Π΅Π΅ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠ° ΠΎΡΠΌΠ΅Π½Π°. ΠΠΎΠ³Π΄Π° Π²ΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΈΠΌΠ΅ΡΡ ΡΠ²Π΅Ρ, Π²ΡΡ ΠΎΠ΄ ΠΈΠ· ΡΠΈΡΡΠ°ΡΠΈΠΈ Π½Π΅ΠΏΠΎΠ½ΡΡΠ΅Π½. ΠΠΎ ΠΊΠΎΠ³Π΄Π° ΠΊΠ½ΠΎΠΏΠΊΠ° βΠΡΠΌΠ΅Π½Π°β ΠΈΠΌΠ΅Π΅Ρ Π½Π΅ΠΉΡΡΠ°Π»ΡΠ½ΡΠΉ ΡΠ²Π΅Ρ, ΠΎΠ½Π° Π΄Π΅Π»Π°Π΅Ρ Π²ΡΠ±ΠΎΡ Π±ΠΎΠ»Π΅Π΅ ΠΈΠ½ΡΡΠΈΡΠΈΠ²Π½ΡΠΌ.
ΠΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ ΡΠ΅ΡΡΠΉ
ΠΡΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠΈ ΡΠ΅ΡΠΎΠ³ΠΎ ΡΠ²Π΅ΡΠ° Π½Π° ΠΊΠ½ΠΎΠΏΠΊΠ΅ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ ΡΠ΄Π΅Π»Π°ΡΡ Π΅Π³ΠΎ Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ ΡΠ΅ΠΌΠ½ΡΠΌ. Π ΠΏΡΠΎΡΠΈΠ²Π½ΠΎΠΌ ΡΠ»ΡΡΠ°Π΅ ΠΊΠ½ΠΎΠΏΠΊΠ° ΠΌΠΎΠΆΠ΅Ρ Π²ΡΠ³Π»ΡΠ΄Π΅ΡΡ ΠΊΠ°ΠΊ ΠΎΡΠΊΠ»ΡΡΠ΅Π½Π½Π°Ρ.
Π§ΡΠΎΠ±Ρ ΡΠ±Π΅Π΄ΠΈΡΡΡΡ, ΡΡΠΎ Π²Π°ΡΠ° ΠΊΠ½ΠΎΠΏΠΊΠ° Ρ ΠΎΡΠΎΡΠΎ ΡΠΈΡΠ°Π΅ΡΡΡ, ΠΏΡΠΎΠ²Π΅ΡΡΡΠ΅ ΡΠ²Π΅ΡΠΎΠ²ΠΎΠΉ ΠΊΠΎΠ½ΡΡΠ°ΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠ°, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, Color Review. ΠΡΠ° ΡΡΠΈΠ»ΠΈΡΠ° ΡΠΎΠΎΠ±ΡΠΈΡ Π²Π°ΠΌ, ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΠ΅Ρ Π»ΠΈ Π²Π°Ρ ΡΠ΅ΡΡΠΉ ΡΡΠ°Π½Π΄Π°ΡΡΠ°ΠΌ Π΄ΠΎΡΡΡΠΏΠ½ΠΎΡΡΠΈ Π΄Π»Ρ ΡΠ²Π΅ΡΠ° ΡΠ΅ΠΊΡΡΠ°.
Π‘Π΄Π΅Π»Π°ΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ ΠΎΡΠΌΠ΅Π½Ρ Π½Π΅ΠΉΡΡΠ°Π»ΡΠ½ΠΎΠΉ
ΠΠΎΠ³Π΄Π° Π±ΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²ΠΎ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ Π°ΠΊΡΠΈΠ²ΠΈΡΡΠ΅Ρ ΡΠΊΡΠ°Π½ ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠΆΠ΄Π΅Π½ΠΈΡ, ΠΎΠ½ΠΈ Π³ΠΎΡΠΎΠ²Ρ Π΄Π΅ΠΉΡΡΠ²ΠΎΠ²Π°ΡΡ. ΠΠΎ Π΄Π»Ρ ΡΠ΅Ρ , ΠΊΡΠΎ Π°ΠΊΡΠΈΠ²ΠΈΡΡΠ΅Ρ Π΅Π³ΠΎ ΠΏΠΎ ΠΎΡΠΈΠ±ΠΊΠ΅ ΠΈΠ»ΠΈ ΠΏΠ΅ΡΠ΅Π΄ΡΠΌΠ°Π΅Ρ Π² ΠΏΡΠΎΡΠ΅ΡΡΠ΅, ΠΊΠ½ΠΎΠΏΠΊΠ° Β«ΠΡΠΌΠ΅Π½Π°Β» β ΡΡΠΎ Π·Π°Π»ΠΎΠ³ Π±Π΅Π·ΠΎΠΏΠ°ΡΠ½ΠΎΡΡΠΈ.
Π¦Π²Π΅ΡΠ½Π°Ρ ΠΊΠ½ΠΎΠΏΠΊΠ° Β«ΠΡΠΌΠ΅Π½Π°Β» ΠΏΠΎΡΡΠ»Π°Π΅Ρ ΠΈΠΌ Π½Π΅ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΡΠ΅ ΡΠΈΠ³Π½Π°Π»Ρ. ΠΠ½Π° Π·Π°ΡΡΠ°Π²Π»ΡΠ΅Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ Π²ΠΎΡΠΏΡΠΈΠ½ΠΈΠΌΠ°ΡΡ ΡΠ΅Π±Ρ ΠΊΠ°ΠΊ ΠΏΡΠΈΠ·ΡΠ² ΠΊ Π΄Π΅ΠΉΡΡΠ²ΠΈΡ, Π° Π½Π΅ ΠΊΠ°ΠΊ Π²ΠΎΠ·Π²ΡΠ°ΡΠ΅Π½ΠΈΠ΅ ΠΊ Π±Π΅Π·ΠΎΠΏΠ°ΡΠ½ΠΎΡΡΠΈ. Π‘Π΄Π΅Π»Π°ΠΉΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΡ Β«ΠΡΠΌΠ΅Π½Π°Β» Π½Π΅ΠΉΡΡΠ°Π»ΡΠ½ΠΎΠΉ, ΡΡΠΎΠ±Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΠΌ Π±ΡΠ»ΠΎ Π»Π΅Π³ΡΠ΅ Π²ΡΡ ΠΎΠ΄ΠΈΡΡ ΠΈΠ· ΡΠΊΡΠ°Π½ΠΎΠ² ΠΏΠΎΠ΄ΡΠ²Π΅ΡΠΆΠ΄Π΅Π½ΠΈΡ.
17 Π»Π΅ΠΊΡΠΈΠΉ ΠΎ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠ΅ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠΎΠ² Π¨ΠΊΠΎΠ»Ρ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠΊΠΈ ΠΈΠ½ΡΠ΅ΡΡΠ΅ΠΉΡΠΎΠ² Π―Π½Π΄Π΅ΠΊΡΠ°
ΠΡΡΠΎΡΠ½ΠΈΠΊ
ΠΡΠ»ΠΈ Π²Ρ Π½Π°ΡΠ»ΠΈ ΠΎΠΏΠ΅ΡΠ°ΡΠΊΡ β Π²ΡΠ΄Π΅Π»ΠΈΡΠ΅ Π΅Π΅ ΠΈ Π½Π°ΠΆΠΌΠΈΡΠ΅ Ctrl + Enter! ΠΠ»Ρ ΡΠ²ΡΠ·ΠΈ Ρ Π½Π°ΠΌΠΈ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ info@apptractor.ru.Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΊΠ½ΠΎΠΏΠΎΠΊ, ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΠ΅ ΡΠ΅ΠΊΡΡΠ° ΠΈ ΠΊΠ°ΡΡΠΈΠ½ΠΎΠΊ, Π° ΡΠ°ΠΊΠΆΠ΅ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ ΠΎΡΠ·ΡΠ²ΡΠΈΠ²ΡΡ ΠΊΠ»Π°ΡΡΠΎΠ² Π² Bootstrap 3
ΠΠ»Π°Π²Π½Π°Ρ / ΠΠ°ΠΊ ΡΡΡΡΠΎΠ΅Π½Ρ ΡΠ°ΠΉΡΡ / Π‘Π°ΠΉΡΡ Π½Π° Bootstrap20 ΡΠ½Π²Π°ΡΡ 2021
- Π‘ΡΠΈΠ»Π΅Π²ΠΎΠ΅ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΠ΅ ΡΠ΅ΠΊΡΡΠ°
- ΠΡΠ·ΡΠ²ΡΠΈΠ²ΡΠ΅ ΠΊΠ»Π°ΡΡΡ Π² ΠΡΡΡΡΡΠ°ΠΏ 3 (hidden ΠΈ visible)
- Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΈ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΠ΅ ΠΊΠ½ΠΎΠΏΠΎΠΊ
- ΠΠ°ΠΊ ΠΏΠΎΠΌΠ΅Π½ΡΡΡ ΡΠ²Π΅Ρ ΠΊΠ½ΠΎΠΏΠΎΠΊ Π² ΡΠ°ΠΉΠ»Π΅ ΡΠΎΠ±ΡΡΠ²Π΅Π½Π½ΡΡ ΡΡΠΈΠ»Π΅ΠΉ
- ΠΠΎΠ±Π°Π²Π»ΡΠ΅ΠΌ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠ°ΠΌ ΠΎΡΠ·ΡΠ²ΡΠΈΠ²ΠΎΡΡΡ ΠΈ Π΄ΡΡΠ³ΠΈΠ΅ ΡΡΠΈΠ»ΠΈ Bootstrap
ΠΠ΄ΡΠ°Π²ΡΡΠ²ΡΠΉΡΠ΅, ΡΠ²Π°ΠΆΠ°Π΅ΠΌΡΠ΅ ΡΠΈΡΠ°ΡΠ΅Π»ΠΈ Π±Π»ΠΎΠ³Π° KtoNaNovenkogo.ru. ΠΡΠΎ ΡΠΆΠ΅ ΡΠ΅ΡΠ²Π΅ΡΡΠ°Ρ ΡΡΠ°ΡΡΡ Π² Π΄Π°Π½Π½ΠΎΠΉ ΡΡΠ±ΡΠΈΠΊΠ΅:
- Π ΠΏΠ΅ΡΠ²ΠΎΠΉ ΠΌΡ ΠΏΠΎΠ·Π½Π°ΠΊΠΎΠΌΠΈΠ»ΠΈΡΡ Ρ ΠΎΡΠ½ΠΎΠ²Π°ΠΌΠΈ ΠΎΡΠ·ΡΠ²ΡΠΈΠ²ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΈ Π² ΠΏΠΎΠ΄ΡΠΎΠ±Π½ΠΎΡΡΡΡ ΠΈΠ·ΡΡΠΈΠ»ΠΈ Π²ΠΎΠΏΡΠΎΡ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ΅Π½ΠΈΡ ΡΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊΠ° ΠΡΡΡΡΡΠ°ΠΌ ΠΊ Html ΡΡΡΠ°Π½ΠΈΡΠΊΠ°ΠΌ (Π²Π΅Π±-Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°ΠΌ).
- ΠΠΎ Π²ΡΠΎΡΠΎΠΉ ΡΡΠ°ΡΡΠ΅ ΠΌΡ Π² ΠΏΠΎΠ΄ΡΠΎΠ±Π½ΠΎΡΡΡΡ ΠΈ Π½Π° ΠΊΠΎΠ½ΠΊΡΠ΅ΡΠ½ΡΡ ΠΏΡΠΈΠΌΠ΅ΡΠ°Ρ ΡΠ°ΡΡΠΌΠΎΡΡΠ΅Π»ΠΈ ΡΡΡΡΠΎΠΉΡΡΠ²ΠΎ ΠΈ ΡΠ°Π±ΠΎΡΡ ΡΠ΅ΡΠΎΡΠ½ΠΎΠΉ ΡΠΈΡΡΠ΅ΠΌΡ Π² Bootstrap 3 (ΠΎΠ½Π° ΡΡΡΠ΅ΡΡΠ²Π΅Π½Π½ΠΎ ΠΎΡΠ»ΠΈΡΠ°Π΅ΡΡΡ ΠΎΡ ΠΏΡΠ΅Π΄ΡΠ΄ΡΡΠΈΡ Π²Π΅ΡΡΠΈΠΉ ΡΡΠΎΠ³ΠΎ ΡΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊΠ°).
- ΠΡ, Π° Π² ΡΡΠ΅ΡΡΠ΅ΠΉ ΡΡΠ°ΡΡΠ΅ ΠΌΡ ΡΠ·Π½Π°Π»ΠΈ ΠΏΡΠΎ ΡΡΠ΄ ΠΏΡΠΈΠ΅ΠΌΠΎΠ² Π²Π΅ΡΡΡΠΊΠΈ ΡΠ°ΠΉΡΠ° Π½Π° ΠΡΡΡΡΡΠ°ΠΏ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΌΠΎΠ³ΡΡ ΠΏΡΠΈΠ³ΠΎΠ΄ΠΈΡΡΡΡ Π²Π°ΠΌ Π² Π΄Π°Π»ΡΠ½Π΅ΠΉΡΠ΅ΠΌ.
Π‘Π΅Π³ΠΎΠ΄Π½Ρ ΠΆΠ΅ ΠΌΡ ΠΏΠΎΠ³ΠΎΠ²ΠΎΡΠΈΠΌ ΠΏΡΠΎ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ ΡΡΠΈΠ»Π΅Π²ΠΎΠ³ΠΎ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ° ΡΡΠ΅Π΄ΡΡΠ²Π°ΠΌΠΈ ΠΡΡΡΡΡΠ°ΠΏΠ° ΠΈ ΠΏΡΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΠΎΡΠ·ΡΠ²ΡΠΈΠ²ΡΡ ΠΊΠ»Π°ΡΡΠΎΠ², ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡΡΠΈΡ ΡΠΊΡΡΠ²Π°ΡΡ ΠΈΠ»ΠΈ ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΡ ΠΏΡΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΈ ΡΠΈΡΠΈΠ½Ρ ΡΠΊΡΠ°Π½Π°. Π’Π°ΠΊΠΆΠ΅ ΠΌΡ ΠΏΠΎΡΠΌΠΎΡΡΠΈΠΌ, ΠΊΠ°ΠΊ ΡΡΠ΅Π΄ΡΡΠ²Π°ΠΌΠΈ ΡΡΠΎΠ³ΠΎ ΡΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊΠ° ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΈ ΠΊΠ°ΠΊ ΠΈΡ ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΡΡΡΠ°ΠΈΠ²Π°ΡΡ. ΠΡ ΠΈ Π² ΡΠ°ΠΌΠΎΠΌ ΠΊΠΎΠ½ΡΠ΅ ΠΌΡ ΠΏΠΎΡΠΌΠΎΡΡΠΈΠΌ, ΠΊΠ°ΠΊ Π² Bootstrap 3 ΡΠ΄Π΅Π»Π°ΡΡ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ ΠΎΡΠ·ΡΠ²ΡΠΈΠ²ΡΠΌΠΈ (ΠΌΠ΅Π½ΡΡΡΠΈΠΌΠΈ ΡΠ°Π·ΠΌΠ΅Ρ ΠΏΡΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΈ ΡΠΈΡΠΈΠ½Ρ ΡΠΊΡΠ°Π½Π°) ΠΈ ΠΊΠ°ΠΊΠΈΠ΅ ΠΊΠ»Π°ΡΡΡ ΠΊ Π½ΠΈΠΌ ΠΌΠΎΠΆΠ½ΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π΄Π»Ρ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΠΎΠΉ ΡΡΠΈΠ»ΠΈΠ·Π°ΡΠΈΠΈ.
Π‘ΡΠΈΠ»Π΅Π²ΠΎΠ΅ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΠ΅ ΡΠ΅ΠΊΡΡΠ° ΠΈ ΠΎΡΠ·ΡΠ²ΡΠΈΠ²ΡΠ΅ ΠΊΠ»Π°ΡΡΡ Π² Bootstrap
Π‘ ΡΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊΠΎΠΌ ΠΡΡΡΡΡΠ°ΠΏ 3 Π² ΠΊΠΎΠΌΠΏΠ»Π΅ΠΊΡΠ΅ ΠΈΠ΄Π΅Ρ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎ Π²ΡΡΡΠΎΠ΅Π½Π½ΡΡ ΡΡΠΈΠ»Π΅ΠΉ, Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ ΠΈΠ· ΠΊΠΎΡΠΎΡΡΡ Π²Ρ Π½Π°Π²Π΅ΡΠ½ΡΠΊΠ° ΡΠΎΡΡΠ΅ΡΠ΅ ΠΏΠΎΠ»Π΅Π·Π½ΡΠΌΠΈ. ΠΡΠ΅ ΠΌΠ½ΠΎΠ³ΠΎΠΎΠ±ΡΠ°Π·ΠΈΠ΅ Π²ΡΡΡΠΎΠ΅Π½Π½ΡΡ ΡΡΠΈΠ»Π΅ΠΉ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΎΠ±ΠΎΠ·ΡΠ΅ΡΡ Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ CSS. ΠΠ° ΠΎΡΠΊΡΡΠ²ΡΠ΅ΠΉΡΡ ΡΡΡΠ°Π½ΠΈΡΠ΅ Π² ΠΏΡΠ°Π²ΠΎΠΉ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠ΅ Π²Ρ Π½Π°ΠΉΠ΄Π΅ΡΠ΅ ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²ΠΎ Π²ΠΊΠ»Π°Π΄ΠΎΠΊ, ΠΊΠΎΡΠΎΡΡΠ΅ Π²Π°ΠΌ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΡ ΠΏΠΎΡΠΌΠΎΡΡΠ΅ΡΡ Π½Π° ΡΡΠΈΠ»ΠΈ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΡΠ΅ ΠΏΡΠΈ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΠΈ ΡΠ΅ΠΊΡΡΠ°, ΠΊΠΎΠ΄Π°, ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΠ°Π±Π»ΠΈΡ, ΠΊΠ½ΠΎΠΏΠΎΠΊ, ΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ ΠΈ Π²ΡΡΡΠ°ΠΈΠ²Π°Π½ΠΈΠΈ Π³Π»ΠΈΡ-ΠΈΠΊΠΎΠ½ΠΎΠΊ. ΠΠ°Π²Π°ΠΉΡΠ΅ ΠΏΠΎΠ³ΠΎΠ²ΠΎΡΠΈΠΌ ΠΎΠ±ΠΎ Π²ΡΠ΅ΠΌ ΡΡΠΎΠΌ ΠΏΠΎ ΠΏΠΎΡΡΠ΄ΠΊΡ.
ΠΠ°ΡΠ½Π΅ΠΌ Ρ ΡΠΈΠΏΠΎΠ³ΡΠ°ΡΠΈΠΊΠΈ, ΠΈΠ»ΠΈ ΠΆΠ΅ Π΄ΡΡΠ³ΠΈΠΌΠΈ ΡΠ»ΠΎΠ²Π°ΠΌΠΈ β ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ°. ΠΠ· ΠΏΡΠΈΠ²Π΅Π΄Π΅Π½Π½ΡΡ Π½Π° ΠΎΡΠΈΡΠΈΠ°Π»ΡΠ½ΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΠ΅ ΡΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊΠ° Π΄Π°Π½Π½ΡΡ Π²Ρ ΠΏΠΎΠΉΠΌΠ΅ΡΠ΅, ΠΊΠ°ΠΊ Π±ΡΠ΄ΡΡ ΠΎΡΠΎΡΠΌΠ»Π΅Π½Ρ ΡΠ΅Π³ΠΈ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ² ΠΎΡ h2 Π΄ΠΎ H6, Π΅ΡΠ΅ ΡΠ·Π½Π°Π΅ΡΠ΅, ΡΡΠΎ ΡΠ°Π·ΠΌΠ΅Ρ ΡΡΠΈΡΡΠ° ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ Π½Π° ΡΠ°ΠΉΡΠ΅ Π±ΡΠ΄Π΅Ρ ΡΠ°Π²Π΅Π½ 14 ΠΏΠΈΠΊΡΠ΅Π»ΡΠΌ, Π° Π²ΡΡΠΎΡΠ° ΡΡΡΠΎΠΊ Π±ΡΠ΄Π΅Ρ Π±ΡΠ°ΡΡΡΡ ΡΠ°Π²Π½ΠΎΠΉ 20 ΠΏΠΈΠΊΡΠ΅Π»ΡΠΌ. ΠΡ, Π° ΠΏΡΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠΈ ΡΠ΅Π³Π° Π°Π±Π·Π°ΡΠ° Β«PΒ» Π±ΡΠ΄Π΅Ρ Π·Π°Π΄Π°Π²Π°ΡΡΡΡ Π²Π½ΠΈΠ·Ρ ΠΎΡΡΡΡΠΏ Π²ΡΡΠΎΡΠΎΠΉ Π² ΠΏΠΎΠ»ΡΡΡΠΎΠΊΠΈ.
Π§ΡΠΎΠ±Ρ ΡΠ΅Π³ΠΎ-ΡΠΎ ΠΏΠΎΠΌΠ΅Π½ΡΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ ΠΊΠ»Π°ΡΡΡ. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, Π΄ΠΎΠ²ΠΎΠ»ΡΠ½ΠΎ ΡΠ°ΡΡΠΎ ΠΏΠ΅ΡΠ²ΡΠΉ Π°Π±Π·Π°Ρ Π² ΡΠ΅ΠΊΡΡΠ΅ ΡΡΠ°ΡΡΠΈ Π½Π°Π±ΠΈΡΠ°ΡΡ Π±ΠΎΠ»Π΅Π΅ ΠΊΡΡΠΏΠ½ΡΠΌ ΡΡΠΈΡΡΠΎΠΌ, ΡΡΠΎΠ±Ρ ΠΏΠΎΠ²ΡΡΠΈΡΡ Π²Π΅ΡΠΎΡΡΠ½ΠΎΡΡΡ ΠΏΡΠΎΡΡΠ΅Π½ΠΈΡ Π΅Π³ΠΎ ΠΏΠΎΡΠ΅ΡΠΈΡΠ΅Π»ΡΠΌΠΈ ΠΈ Π²ΠΎΠ²Π»Π΅ΡΠ΅Π½ΠΈΡ ΠΈΡ
Π² Π΄Π°Π»ΡΠ½Π΅ΠΉΡΠ΅Π΅ Π·Π½Π°ΠΊΠΎΠΌΡΡΠ²ΠΎ Ρ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»Π°ΠΌΠΈ. Π ΠΡΡΡΡΡΠ°ΠΏΠ΅ Π΄Π»Ρ ΡΠ΅Π°Π»ΠΈΠ·Π°ΡΠΈΠΈ ΡΡΠΎΠ³ΠΎ Π±ΡΠ΄Π΅Ρ Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ Π² ΡΠ΅Π³ Β«PΒ» Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΠΊΠ»Π°ΡΡ ΡΠΎ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ΠΌ LEAD β class="lead"
.
Π ΠΏΡΠΈΠ²Π΅Π΄Π΅Π½Π½ΠΎΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠ΅ Ρ ΠΏΡΠΎΡΡΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΠ» Π² ΡΠ΅Π³ Π²ΡΠ΄Π΅Π»Π΅Π½Π½ΠΎΠ³ΠΎ Π°Π±Π·Π°ΡΠ° Π΄Π°Π½Π½ΡΠΉ ΠΊΠ»Π°ΡΡ:
<p>
ΠΡΠΎΡ ΡΠΊΡΠΈΠ½ΡΠΎΡ ΠΈ Π²ΡΠ΅ ΠΏΠΎΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ Ρ Π±ΡΠ΄Ρ ΡΠ½ΠΈΠΌΠ°ΡΡ Ρ ΡΠΆΠ΅ ΡΠΎΠ·Π΄Π°Π½Π½ΠΎΠ³ΠΎ Π½Π°ΠΌΠΈ Π² ΠΏΡΠ΅Π΄ΡΠ΄ΡΡΠΈΡ ΡΡΠ°ΡΡΡΡ ΠΌΠ°ΠΊΠ΅ΡΠ° Π½Π΅ΠΊΠΎΠΉ Π²Π΅Π±ΡΡΡΠ°Π½ΠΈΡΡ. ΠΠ°ΠΌ Π½ΡΠΆΠ½ΠΎ Π±ΡΠ΄Π΅Ρ Π»ΠΈΡΡ ΡΠΊΠΎΠΏΠΈΡΠΎΠ²Π°ΡΡ ΡΠ°ΠΉΠ»ΠΈΠΊ sait-4.html (Π΄Π»Ρ ΡΡΠΎΠ³ΠΎ ΠΊΠ»ΠΈΠΊΠ½ΠΈΡΠ΅ ΠΏΠΎ ΡΡΡΠ»ΠΊΠ΅ ΠΏΡΠ°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡΡΠΈ ΠΈ Π²ΡΠ±Π΅ΡΠΈΡΠ΅ ΠΈΠ· ΠΊΠΎΠ½ΡΠ΅ΠΊΡΡΠ½ΠΎΠ³ΠΎ ΠΌΠ΅Π½Ρ ΠΏΡΠ½ΠΊΡ Β«Π‘ΠΎΡ ΡΠ°Π½ΠΈΡΡ ΠΏΠΎ ΡΡΡΠ»ΠΊΠ΅ ΠΊΠ°ΠΊβ¦Β»). ΠΡΠ»ΠΈ ΡΡΠΎΡ ΡΠ°ΠΉΠ»ΠΈΠΊ Π²Ρ Π½Π°ΠΏΡΡΠΌΡΡ ΠΎΡΠΊΡΠΎΠ΅ΡΠ΅ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ΅ (ΠΊΠ»ΠΈΠΊΠ½ΡΠ² ΠΏΠΎ ΠΏΡΠΈΠ²Π΅Π΄Π΅Π½Π½ΠΎΠΉ ΡΡΡΠ»ΠΊΠ΅ Π»Π΅Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡΡΠΈ), ΡΠΎ Π½ΠΈΡΠ΅Π³ΠΎ Π½Π΅ ΠΏΠΎΠ»ΡΡΠΈΡΡΡ, ΠΈΠ±ΠΎ Π½Π΅ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠΈΡΡΡ ΡΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊ ΠΡΡΡΡΡΠ°ΠΏ.
Π ΠΏΠ»Π°Π½Π΅ ΡΠΎΡΠΌΠ°ΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ° ΠΡΡΡΡΡΠ°ΠΏ ΠΎΡΠ΅Π½Ρ ΠΏΠΎΡ ΠΎΠΆ Π½Π° ΠΊΠ»Π°ΡΡΠΈΡΠ΅ΡΠΊΠΈΠΉ ΡΠ·ΡΠΊ Html, ΠΎΠ½ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, Π΄Π΅Π»Π°ΡΡ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ Π²Π΅ΡΠΈ:
ΠΠΎΠ΄ ΡΡΠΎΠ³ΠΎ ΡΡΠ°Π³ΠΌΠ΅Π½ΡΠ° Π² Html ΡΠ°ΠΉΠ»ΠΈΠΊΠ΅ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ΅Π½Π½ΠΎΠΌ ΠΊ Bootstrap 3 ΠΏΡΠΈ ΡΡΠΎΠΌ Π²ΡΠ³Π»ΡΠ΄ΠΈΡ ΡΠ°ΠΊ:
<ol> <li><code>ΠΡΠ΄Π΅Π»Π΅Π½ΠΈΠ΅ ΠΊΠΎΠ΄Π° Π² ΡΠ΅ΠΊΡΡΠ΅ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ΅Π³ΠΎΠ² <code><code></code></code></li> <li><mark>ΠΠΎΠ΄ΡΠ²Π΅ΡΠΊΠ° ΡΡΠ°Π³ΠΌΠ΅Π½ΡΠ° ΡΠ΅ΠΊΡΡΠ° Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΎΠΊΡΡΠΆΠ΅Π½ΠΈΡ Π΅Π³ΠΎ ΠΎΡΠΊΡΡΠ²Π°ΡΡΠΈΠΌ ΠΈ Π·Π°ΠΊΡΡΠ²Π°ΡΡΠΈΠΌ ΡΠ΅Π³Π°ΠΌΠΈ <code><mark></code></mark></li> <li> <s>ΠΠ΅ΡΠ΅ΡΠ΅ΡΠΊΠ½ΡΡΡΠΉ ΡΠ΅ΠΊΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΎΠΊΡΡΠΆΠ΅Π½ΠΈΡ Π΅Π³ΠΎ ΡΠ΅Π³Π°ΠΌΠΈ <code><del></code> Π»ΠΈΠ±ΠΎ <code><s></code> </s></li> <li> <u>ΠΠΎΠ΄ΡΠ΅ΡΠΊΠ½ΡΡΡΠΉ ΡΠ΅ΠΊΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΎΠΊΡΡΠΆΠ΅Π½ΠΈΡ Π΅Π³ΠΎ ΡΠ΅Π³Π°ΠΌΠΈ <code><ins></code> Π»ΠΈΠ±ΠΎ <code><u></code> </u></li> <li><small>Π£ΠΌΠ΅Π½ΡΡΠ΅Π½ΠΈΠ΅ ΡΡΠΈΡΡΠ° Π²ΡΠ΄Π΅Π»Π΅Π½Π½ΠΎΠ³ΠΎ ΡΡΠ°Π³ΠΌΠ΅Π½ΡΠ° ΡΠ΅ΠΊΡΡΠ° Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π΅Π³ΠΎ ΠΎΠΊΡΡΠΆΠ΅Π½ΠΈΡ ΡΠ΅Π³Π°ΠΌΠΈ <code><small></code></small> </li> <li>ΠΡΠ΄Π΅Π»Π΅Π½ΠΈΠ΅ <strong>ΠΆΠΈΡΠ½ΡΠΌ</strong> ΠΈ <em>ΠΊΡΡΡΠΈΠ²ΠΎΠΌ</em> Ρ ΠΏΠΎΠΌΠΎΡΡΡ <code><strong></code> ΠΈ <code><em></code></li> <li>ΠΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ ΡΠ΅ΠΊΡΡΠ° Π² ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ΅, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, ΠΏΠΎ ΠΏΡΠ°Π²ΠΎΠΌΡ ΠΊΡΠ°Ρ - Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΡ ΠΊΠ»Π°ΡΡΠ° <code>text-right</code></li> <li>ΠΠ»ΠΈ ΠΏΠΎ ΡΠ΅Π½ΡΡΡ - Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΡ ΠΊΠ»Π°ΡΡΠ° <code>text-center</code></li> <li><blockquote>ΠΡΠΎΡΠΌΠ»Π΅Π½ΠΈΠ΅ ΡΠΈΡΠ°Ρ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ΅Π³ΠΎΠ² <code><blockquote></code></blockquote></li> <li><blockquote>Π Π΅Π²Π΅ΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠ° Π² ΡΠΈΡΠ°ΡΠ°Ρ - Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ Π² ΡΠ΅Π³ <code><blockquote></code> ΠΊΠ»Π°ΡΡΠ° <code><code>blockquote-reverse</code></code></blockquote></li> </ol>
ΠΡΠ΅ ΠΎΡΡΠ°Π»ΡΠ½ΠΎΠ΅ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΠ·ΡΡΠΈΡΡ ΡΠ°ΠΌΠΎΡΡΠΎΡΡΠ΅Π»ΡΠ½ΠΎ Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Β«TypographyΒ»
Π ΠΏΡΠΈΠ²Π΅Π΄Π΅Π½Π½ΠΎΠΌ Π²ΡΡΠ΅ ΡΠ°ΠΉΠ»Π΅ sait-4.html ΡΠΆΠ΅ Π½Π°ΡΡΡΠΎΠ΅Π½Ρ ΡΠ΅ΡΠΎΡΠ½ΡΠ΅ ΡΠΈΡΡΠ΅ΠΌΡ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΈΠ·ΠΌΠ΅Π½ΡΡΡ ΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ΠΈΠ΅ Π±Π»ΠΎΠΊΠΎΠ² Ρ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠΎΠΌ Π½ΡΠΆΠ½ΡΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ ΠΏΡΠΈ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΈ ΡΠΈΡΠΈΠ½Ρ ΡΠΊΡΠ°Π½Π° ΠΈΠ»ΠΈ ΠΎΠΊΠ½Π° Π±ΡΠ°ΡΠ·Π΅ΡΠ°. ΠΠ΄Π½Π°ΠΊΠΎ, ΠΌΠΎΠΆΠ΅Ρ Π²ΠΎΠ·Π½ΠΈΠΊΠ½ΡΡΡ ΡΠΈΡΡΠ°ΡΠΈΡ, ΠΊΠΎΠ³Π΄Π° ΠΏΡΠΈ ΠΏΡΠΎΡΠΌΠΎΡΡΠ΅ ΡΡΡΠ°Π½ΠΈΡΡ Π½Π° ΠΌΠ°Π»ΡΡ ΡΠΊΡΠ°Π½Π°Ρ Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ Π΄ΠΈΠ·Π°ΠΉΠ½Π° ΠΎΠΊΠ°ΠΆΡΡΡΡ Π»ΠΈΡΠ½ΠΈΠΌΠΈ (ΡΠΎΠ²ΡΠ΅ΠΌ Π½Π΅ Π°ΠΊΡΡΠ°Π»ΡΠ½ΡΠΌΠΈ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, Π½Π° ΡΠΌΠ°ΡΡΡΠΎΠ½Π΅). Π§ΡΠΎ Ρ ΠΈΠΌΠ΅Ρ Π² Π²ΠΈΠ΄Ρ?
Π ΠΏΡΠΈΠ²Π΅Π΄Π΅Π½Π½ΠΎΠΌ ΡΠ°ΠΉΠ»Π΅ sait-4.html Π² Π²Π΅ΡΡ
Π½Π΅ΠΉ ΡΡΡΠΎΠΊΠ΅ (Π½Π°ΠΏΠΎΠΌΠ½Ρ, ΡΡΠΎ ΡΡΡΠΎΠΊΠΈ Π² Bootstrap ΠΎΠ±ΡΠ°Π·ΡΡΡΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠΎΠ² Ρ ΠΏΡΠΎΠΏΠΈΡΠ°Π½Π½ΡΡ
Π² Π½ΠΈΡ
ΠΊΠ»Π°ΡΡΠ°ΠΌΠΈ class="row"
) Ρ Π½Π°Ρ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΡΡΡ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΠΈ ΠΎΠΏΠΈΡΠ°Π½ΠΈΠ΅ ΡΠ°ΠΉΡΠ°, Π° ΡΠ°ΠΊΠΆΠ΅ Π΅Π³ΠΎ Π»ΠΎΠ³ΠΎΡΠΈΠΏ. Π’Π°ΠΊ Π²ΠΎΡ, ΠΏΡΠΈ ΡΠΌΠ΅Π½ΡΡΠ΅Π½ΠΈΠΈ ΡΠΈΡΠΈΠ½Ρ ΡΠΊΡΠ°Π½Π° ΠΌΡ Π² ΠΊΠΎΠ½ΡΠ΅ ΠΊΠΎΠ½ΡΠΎΠ² ΠΏΠΎΠ»ΡΡΠ°Π΅ΠΌ ΡΠΈΡΡΠ°ΡΠΈΡ, ΠΊΠΎΠ³Π΄Π° ΡΡΠΎΡ ΡΠ°ΠΌΡΠΉ Π»ΠΎΠ³ΠΎΡΠΈΠΏ ΡΠ°Π·ΠΌΠ΅ΡΠ°Π΅ΡΡΡ ΠΏΠΎΠ΄ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠΌ, Π° ΡΠΆΠ΅ ΠΏΠΎΡΠΎΠΌ ΡΠ»Π΅Π΄ΡΠ΅Ρ ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΠ΅Π»ΡΠ½Π°Ρ ΡΠ°ΡΡΡ ΡΡΡΠ°Π½ΠΈΡΡ.
Π ΠΏΡΠΈΠ½ΡΠΈΠΏΠ΅, Π±ΡΠ»ΠΎ Π±Ρ ΡΠΌΠ΅ΡΡΠ½ΡΠΌ Π»ΠΎΠ³ΠΎΡΠΈΠΏ Π½Π° ΠΌΠ°Π»ΡΡ ΡΡΡΡΠΎΠΉΡΡΠ²Π°Ρ ΡΠ±ΡΠ°ΡΡ (ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎ, Π΅ΡΠ»ΠΈ Π±Ρ ΠΎΠ½ Π±ΡΠ» Π΅ΡΠ΅ Π±ΠΎΠ»ΡΡΠ΅Π³ΠΎ ΡΠ°Π·ΠΌΠ΅ΡΠ°), ΠΈΠ±ΠΎ Π½ΠΈΠΊΠ°ΠΊΠΎΠΉ ΡΠΌΡΡΠ»ΠΎΠ²ΠΎΠΉ Π½Π°Π³ΡΡΠ·ΠΊΠΈ ΠΎΠ½ Π½Π΅ Π½Π΅ΡΠ΅Ρ ΠΈ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ Π΄Π΅Π·ΠΎΡΠΈΠ΅Π½ΡΠΈΡΡΠ΅Ρ ΠΏΠΎΡΠ΅ΡΠΈΡΠ΅Π»Ρ ΡΠ°ΠΉΡΠ°, Π·Π°ΡΠ΅Π΄ΡΠ΅Π³ΠΎ Π½Π° Π½Π΅Π³ΠΎ Ρ Π³Π°Π΄ΠΆΠ΅ΡΠ°, ΡΠ°Π·ΠΌΠ΅Ρ ΡΠΊΡΠ°Π½Π° ΠΊΠΎΡΠΎΡΠΎΠ³ΠΎ ΠΌΠ΅Π½ΡΡΠ΅ 768 ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ ΠΏΠΎ ΡΠΈΡΠΈΠ½Π΅. Π§ΡΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°ΡΡ? ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΎΠ±ΠΎΠ·Π½Π°ΡΠ΅Π½Π½ΡΠ΅ Π² Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠ΅ ΠΎΡΠ·ΡΠ²ΡΠΈΠ²ΡΠ΅ ΠΊΠ»Π°ΡΡΡ hidden ΠΈ visible.
ΠΠ΄Π½Π°ΠΊΠΎ, ΡΡΠ°Π·Ρ ΠΎΠ³ΠΎΠ²ΠΎΡΡΡΡ, ΡΠ°ΠΊΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ ΠΌΡ ΡΠΎΠ»ΡΠΊΠΎ ΡΠΊΡΠΎΠ΅ΠΌ Π΄Π°Π½Π½ΡΠΉ Π»ΠΎΠ³ΠΎΡΠΈΠΏ, Π½ΠΎ Π² Π±ΡΠ°ΡΠ·Π΅Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ ΠΎΠ½ ΠΏΠΎΠ΄Π³ΡΡΠΆΠ°ΡΡΡΡ Π²ΡΠ΅ ΡΠ°Π²Π½ΠΎ Π±ΡΠ΄Π΅Ρ (ΠΏΡΠΎΡΡΠΎ Π±ΡΠ΄Π΅Ρ ΡΠΊΡΡΡ), ΠΈ ΠΎΠ±ΡΠΈΠΉ ΡΠ°Π·ΠΌΠ΅Ρ ΡΡΡΠ°Π½ΠΈΡΡ Π±ΡΠ΄Π΅Ρ Π²ΡΡΠ΅. ΠΠ»Ρ ΡΠ°Π΄ΠΈΠΊΠ°Π»ΡΠ½ΠΎΠ³ΠΎ ΡΠ΅ΡΠ΅Π½ΠΈΡ ΡΡΠΎΠΉ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ Π»ΡΡΡΠ΅ ΠΏΠΎΠ΄ΠΎΠΉΠ΄ΡΡ ΠΌΠ΅ΡΠΎΠ΄Ρ ΠΠΆΠ°Π²Π°-ΡΠΊΡΠΈΠΏΡΠ°, Π½ΠΎ ΠΌΡ Π² Π΄Π°Π½Π½ΠΎΠΉ ΡΡΠ°ΡΡΠ΅ ΠΈΠ·ΡΡΠ°Π΅ΠΌ ΠΈΠΌΠ΅Π½Π½ΠΎ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ ΠΡΡΡΡΡΠ°ΠΏΠ°, ΠΏΠΎΡΡΠΎΠΌΡ ΠΈΡ ΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌ.
ΠΡΠ°ΠΊ, Π΄Π»Ρ Π½Π°Π³Π»ΡΠ΄Π½ΠΎΡΡΠΈ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΠΌΡΡ Π΄Π΅ΠΉΡΡΠ²ΠΈΠΉ ΠΏΠ΅ΡΠ΅ΠΉΠ΄ΠΈΡΠ΅ Π½Π° ΠΎΡΠΈΡΠΈΠ°Π»ΡΠ½ΠΎΠΌ ΡΠ°ΠΉΡΠ΅ Bootstrap Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΡ Β«Responsive utilitiesΒ» ΠΈΠ· Π»Π΅Π²ΠΎΠ³ΠΎ ΠΌΠ΅Π½Ρ, ΠΊΠΎΡΠΎΡΠΎΠ΅ Π² ΡΠ²ΠΎΡ ΠΎΡΠ΅ΡΠ΅Π΄Ρ ΠΏΠΎΡΠ²Π»ΡΠ΅ΡΡΡ ΠΏΡΠΈ ΠΏΠ΅ΡΠ΅Ρ ΠΎΠ΄Π΅ ΠΏΠΎ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Β«CSSΒ» ΠΈΠ· ΠΌΠ΅Π½Ρ Π²Π΅ΡΡ Π½Π΅Π³ΠΎ. Π’Π°ΠΌ Π²Ρ ΡΠ²ΠΈΠ΄ΠΈΡΠ΅ ΡΠ°Π±Π»ΠΈΡΡ ΡΡΠ°Π±Π°ΡΡΠ²Π°Π½ΠΈΡ ΡΠΊΠ°Π·Π°Π½Π½ΡΡ ΠΊΠ»Π°ΡΡΠΎΠ² ΠΏΡΠΈ ΡΠ°Π·Π»ΠΈΡΠ½ΡΡ ΡΠ°Π·ΠΌΠ΅ΡΠ°Ρ ΡΠΊΡΠ°Π½ΠΎΠ², Π½Π° ΠΊΠΎΡΠΎΡΡΡ Π±ΡΠ΄Π΅Ρ ΠΏΡΠΎΡΠΌΠ°ΡΡΠΈΠ²Π°ΡΡΡΡ ΡΡΡΠ°Π½ΠΈΡΠ° ΡΠ°ΠΉΡΠ°:
ΠΡΠΈΠ²Π΅Π΄Π΅Π½Π½Π°Ρ ΡΠ΅ΡΠΈΡ ΠΊΠ»Π°ΡΡΠΎΠ² ΠΎΡΠ²Π΅ΡΠ°Π΅Ρ Π·Π° ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΎΡΠ΄Π΅Π»ΡΠ½ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΡ ΠΏΡΠΈ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΡΡ ΡΠ°Π·ΠΌΠ΅ΡΠ°Ρ ΡΠΊΡΠ°Π½Π°. Π Π½ΠΈΡ ΡΠ°ΠΊΠΆΠ΅ ΡΠΊΠ°Π·ΡΠ²Π°Π΅ΡΡΡ ΡΠ΅ΡΠ΅Π· ΡΠΈΡΠ΅ ΡΠ°Π·ΠΌΠ΅Ρ ΡΠ΅ΡΠΊΠΈ, Π΄Π»Ρ ΠΊΠΎΡΠΎΡΠΎΠΉ ΠΎΠ½ΠΈ ΠΏΡΠ΅Π΄Π½Π°Π·Π½Π°ΡΠ΅Π½Ρ (Π½Π°ΠΏΠΎΠΌΠ½Ρ, ΡΡΠΎ ΡΠ°Π·ΠΌΠ΅ΡΠΎΠ² Π²ΡΠ΅Π³ΠΎ ΡΠ΅ΡΡΡΠ΅ β ΠΎΡΠ΅Π½Ρ ΠΌΠ°Π»Π΅Π½ΡΠΊΠ°Ρ xs, ΠΌΠ°Π»Π°Ρ sm, ΡΡΠ΅Π΄Π½ΡΡ md ΠΈ Π±ΠΎΠ»ΡΡΠ°Ρ lg).
ΠΠ»Π°ΡΡ hidden ΠΊΠ°ΠΊ ΡΠ°Π· ΠΈ ΠΏΠΎΠ·Π²ΠΎΠ»ΠΈΡ Π½Π°ΠΌ ΡΠ΅Π°Π»ΠΈΠ·ΠΎΠ²Π°ΡΡ Π½Π°ΡΡ Π·Π°Π΄Π°ΡΡ β ΡΠΏΡΡΡΠ°ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½Ρ (Π»ΠΎΠ³ΠΎΡΠΈΠΏ) ΠΏΡΠΈ ΡΠΌΠ΅Π½ΡΡΠ΅Π½ΠΈΠΈ ΡΠ°Π·ΡΠ΅ΡΠ΅Π½ΠΈΡ ΡΠΊΡΠ°Π½Π° (ΠΎΠΊΠ½Π° Π±ΡΠ°ΡΠ·Π΅ΡΠ°) Π½ΠΈΠΆΠ΅ 768 ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ ΠΏΠΎ ΡΠΈΡΠΈΠ½Π΅. Π’.Π΅. Π½Π°ΠΌ Π½ΡΠΆΠ½ΠΎ Π±ΡΠ΄Π΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΊΠ»Π°ΡΡ hidden-xs ΠΈΡΡ
ΠΎΠ΄Ρ ΠΈΠ· ΠΏΡΠΈΠ²Π΅Π΄Π΅Π½Π½ΠΎΠΉ ΡΠ°Π±Π»ΠΈΡΡ. ΠΠ°ΠΊ ΡΡΠΎ ΡΠ΄Π΅Π»Π°ΡΡ? ΠΠΎΠ²ΠΎΠ»ΡΠ½ΠΎ ΠΏΡΠΎΡΡΠΎ. ΠΠ°ΠΉΡΠΈ Π² ΠΊΠΎΠ΄Π΅ ΡΠ°ΠΉΠ»Π° sait-4.html ΡΡΡΠΎΠΊΡ, Π³Π΄Π΅ Π·Π°Π΄Π°Π΅ΡΡΡ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ Π΄Π°Π½Π½ΠΎΠ³ΠΎ Π»ΠΎΠ³ΠΎΡΠΈΠΏΠ°, ΠΈ ΠΏΡΠΎΡΡΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π² ΡΠ΅Π³ IMG ΠΊΠ»Π°ΡΡ class="hidden-xs"
:
Π ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠ΅ Π½Π° Π½ΠΈΠ·ΠΊΠΈΡ ΡΠ°Π·ΡΠ΅ΡΠ΅Π½ΠΈΡΡ Π»ΠΎΠ³ΠΎΡΠΈΠΏ Π±ΡΠ΄Π΅Ρ ΠΏΡΠΎΡΡΠΎ ΠΏΡΠΎΠΏΠ°Π΄Π°ΡΡ, Π° Π½Π΅ ΠΎΠΏΡΡΠΊΠ°ΡΡΡΡ ΠΏΠΎΠ΄ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΎΠΊ ΡΠ°ΠΉΡΠ°.
Π§ΡΠΎ ΠΈ ΡΡΠ΅Π±ΠΎΠ²Π°Π»ΠΎΡΡ ΡΠ΅Π°Π»ΠΈΠ·ΠΎΠ²Π°ΡΡ. ΠΡΠΎ Π΄ΡΡΠ³ΠΈΠ΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΠΎΡΠ·ΡΠ²ΡΠΈΠ²ΡΡ ΠΊΠ»Π°ΡΡΠΎΠ² Ρ ΠΏΡΠ΅Π΄Π»Π°Π³Π°Ρ Π²Π°ΠΌ ΠΏΠΎΠ΄ΡΠΌΠ°ΡΡ ΡΠ°ΠΌΠΈΠΌ.
Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΊΠ½ΠΎΠΏΠΎΠΊ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΊΠ»Π°ΡΡΠΎΠ² btn Π² ΠΡΡΡΡΡΠ°ΠΏ 3
ΠΠΎΠ²ΠΎΠ»ΡΠ½ΠΎ ΠΏΠΎΠΏΡΠ»ΡΡΠ½ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ Π΄ΠΈΠ·Π°ΠΉΠ½Π°, ΠΊΠΎΡΠΎΡΡΠΉ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ ΠΏΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈ Π½Π° Π²ΡΠ΅Ρ ΡΠ°ΠΉΡΠ°Ρ , ΡΡΠΎ, ΠΊΠΎΠ½Π΅ΡΠ½ΠΎ ΠΆΠ΅, ΠΊΠ½ΠΎΠΏΠΊΠΈ. Bootstrap ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΡΠ΄Π΅Π»Π°ΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ Π½ΡΠΆΠ½ΠΎΠ³ΠΎ ΡΠ²Π΅ΡΠ° ΠΈ ΡΠ°Π·ΠΌΠ΅ΡΠ° ΠΏΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈ ΠΈΠ· Π»ΡΠ±ΠΎΠΉ ΡΡΡΠ»ΠΊΠΈ, ΠΈΠΌΠ΅ΡΡΠ΅ΠΉΡΡ Ρ Π²Π°Ρ Π½Π° Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΠ΅. ΠΠ»Ρ ΡΡΠΎΠ³ΠΎ Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ Π±ΡΠ΄Π΅Ρ Π»ΠΈΡΡ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΡΡΠΈΠ΅ ΠΊΠ»Π°ΡΡΡ. ΠΠΎΠΌΠ½ΠΈΡΠ΅, Π΄Π°Π²Π½ΡΠΌ-Π΄Π°Π²Π½ΠΎ Ρ ΠΎΠΏΠΈΡΡΠ²Π°Π» ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΊΠ½ΠΎΠΏΠΎΠΊ Π΄Π»Ρ ΡΠ°ΠΉΡΠ° Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠΏΠ΅ΡΠΈΠ°Π»ΡΠ½ΠΎ ΠΏΡΠ΅Π΄Π½Π°Π·Π½Π°ΡΠ΅Π½Π½ΠΎΠ³ΠΎ Π΄Π»Ρ ΡΡΠΎΠ³ΠΎ ΡΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊΠ°. ΠΠ΄Π΅ΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ ΡΠ° ΠΆΠ΅ ΡΠ°ΠΌΠ°Ρ Π»ΠΎΠ³ΠΈΠΊΠ°.
ΠΠ° ΠΎΡΠΈΡΠΈΠ°Π»ΡΠ½ΠΎΠΌ ΡΠ°ΠΉΡΠ΅ ΡΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊΠ° Π²ΡΠ΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠΈ ΠΏΠΎ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΊΠ½ΠΎΠΏΠΎΠΊ ΠΎΠΏΠΈΡΠ°Π½Ρ Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ Β«ButtonsΒ». ΠΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΠ΅ΠΉ ΡΡΠΈΡ Π΄ΠΎΠ²ΠΎΠ»ΡΠ½ΠΎ ΠΌΠ½ΠΎΠ³ΠΎ, Π½ΠΎ ΠΎΡΡΠ°Π½ΠΎΠ²Π»ΡΡΡ ΡΠΎΠ»ΡΠΊΠΎ Π½Π° Π½Π΅ΠΊΠΎΡΠΎΡΡΡ ΠΈΠ· Π½ΠΈΡ , ΡΡΠΎΠ±Ρ Π½Π° ΠΏΡΠΈΠΌΠ΅ΡΠ΅ ΠΏΠΎΠΊΠ°Π·Π°ΡΡ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΡΠ΅ Π²Π°ΡΠΈΠ°Π½ΡΡ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΈ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΠΊΠ½ΠΎΠΏΠΎΠΊ.
Π Π½Π°ΡΠ΅ΠΌ ΠΌΠ½ΠΎΠ³ΠΎΡΡΡΠ°Π΄Π°Π»ΡΠ½ΠΎΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠ΅ (ΡΠ°ΠΉΠ»ΠΈΠΊ sait-4.html, ΠΊΠΎΡΠΎΡΡΠΉ ΠΌΠΎΠΆΠ½ΠΎ ΡΠΊΠ°ΡΠ°ΡΡ ΡΡΡΡ Π²ΡΡΠ΅) Π΅ΡΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ, ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠ°ΠΊ ΠΈ Π½Π°ΠΏΡΠ°ΡΠΈΠ²Π°ΡΡΡΡ, ΡΡΠΎΠ±Ρ ΡΠ΄Π΅Π»Π°ΡΡ ΠΈΡ ΠΊΠ½ΠΎΠΏΠΊΠ°ΠΌΠΈ. Π― Π³ΠΎΠ²ΠΎΡΡ ΠΏΡΠΎ ΡΡΡΠ»ΠΊΠΈ Β«Π§ΠΈΡΠ°ΡΡ Π΄Π°Π»Π΅Π΅Β», ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½Π½ΡΠ΅ Π²Π½ΠΈΠ·Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Π°Π½ΠΎΠ½ΡΠ°.
ΠΠΎΠΎΠ±ΡΠ΅, ΠΌΠΎΠΆΠ½ΠΎ ΡΠΎΠ·Π΄Π°ΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ Π½Π° ΠΎΡΠ½ΠΎΠ²Π΅ Π΄Π²ΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² Html ΠΊΠΎΠ΄Π°: button ΠΈ ΠΎΠ±ΡΡΠ½ΠΎΠΉ Π³ΠΈΠΏΠ΅ΡΡΡΡΠ»ΠΊΠΈ Ρ ΡΠ΅Π³ΠΎΠΌ A. ΠΡ Π±ΡΠ΄Π΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π²ΡΠΎΡΠΎΠΉ Π²Π°ΡΠΈΠ°Π½Ρ.
ΠΠ»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π½Π°ΠΌ Π»ΠΈΡΡ Π½ΡΠΆΠ½ΠΎ Π±ΡΠ΄Π΅Ρ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π² ΡΠ΅Π³ A ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΡΡΠΈΠΉ ΠΊΠ»Π°ΡΡ. Π‘Π½Π°ΡΠ°Π»Π° Π² ΡΡΠΎΠΌ ΠΊΠ»Π°ΡΡΠ΅ ΠΏΡΠΎΠΏΠΈΡΡΠ²Π°Π΅ΡΡΡ ΠΊΠ»Π°ΡΡ btn (ΡΡΠΎ ΡΠ°ΠΌΠΎ ΠΏΠΎ ΡΠ΅Π±Π΅ Π½ΠΈΠΊΠ°ΠΊΠΈΡ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΡ ΡΠ²ΠΎΠΉΡΡΠ² Π½Π΅ ΠΏΡΠΈΠ΄Π°Π΅Ρ ΡΡΡΠ»ΠΊΠ΅), Π° ΡΠΆΠ΅ ΠΏΠΎΡΠΎΠΌ Π΄ΠΎΠΏΠΈΡΡΠ²Π°Π΅ΡΡΡ ΠΎΠ΄ΠΈΠ½ ΠΈΠ»ΠΈ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΊΠ»Π°ΡΡΠΎΠ², Π·Π°Π΄Π°ΡΡΠΈΡ , Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, ΡΠ²Π΅Ρ ΠΈ ΡΠ°Π·ΠΌΠ΅Ρ ΠΊΠ½ΠΎΠΏΠΊΠΈ (ΠΈΠ»ΠΈ ΠΈΡ Π°ΠΊΡΠΈΠ²Π½ΠΎΡΡΡ). ΠΠ°Π²Π°ΠΉΡΠ΅ ΠΏΠΎΡΠΌΠΎΡΡΠΈΠΌ Π½Π° ΠΏΡΠΈΠΌΠ΅ΡΠ΅.
ΠΠΎΠ±Π°Π²ΠΈΠΌ ΠΊ ΠΏΠ΅ΡΠ²ΠΎΠΉ ΡΡΡΠ»ΠΊΠ΅ Β«Π§ΠΈΡΠ°ΡΡ Π΄Π°Π»Π΅Π΅Β» ΠΊΠ»Π°ΡΡ Π΄Π΅ΡΠΎΠ»ΡΠ½ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ (ΡΠΌΠΎΠ»ΡΠ°ΡΠ΅Π»ΡΠ½ΠΎΠΉ β class="btn btn-default"
):
<a target="_blank" href="Π£ΡΠ»">Π§ΠΈΡΠ°ΡΡ Π΄Π°Π»Π΅Π΅</a>
Π ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠ΅ Π½Π°ΡΠ° ΡΡΡΠ»ΠΊΠ° Ρ ΡΡΠΏΠ΅Ρ ΠΎΠΌ ΠΏΡΠ΅Π²ΡΠ°ΡΠΈΡΡΡ Π² ΠΊΠ½ΠΎΠΏΠΊΡ Π±Π»Π°Π³ΠΎΠ΄Π°ΡΡ Π²ΡΡΡΠΎΠ΅Π½Π½ΡΠΌ Π² ΠΡΡΡΡΡΠ°ΠΏ ΡΡΠΈΠ»ΡΠΌ:
ΠΠ»Π°ΡΡΡ Π΄Π»Ρ ΡΠ°Π·Π½ΡΡ ΡΠΈΠΏΠΎΠ² ΠΊΠ½ΠΎΠΏΠΎΠΊ Π² Bootstrap Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π²Π·ΡΡΡ ΠΈΠ· ΠΏΡΠΈΠ²Π΅Π΄Π΅Π½Π½ΡΡ Π½Π° ΠΎΡΠΈΡΠΈΠ°Π»ΡΠ½ΠΎΠΌ ΡΠ°ΠΉΡΠ΅ ΠΏΡΠΈΠΌΠ΅ΡΠΎΠ²:
Π‘ΠΎΠ·Π΄Π°Π²Π°Π΅ΠΌΡΠ΅ ΠΊΠ½ΠΎΠΏΠΎΡΠΊΠΈ ΡΠ΅Π°Π³ΠΈΡΡΡΡ Π½Π° ΠΏΠΎΠ΄Π²Π΅Π΄Π΅Π½ΠΈΠ΅ ΠΊ Π½ΠΈΠΌ ΠΊΡΡΡΠΎΡΠ° ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ΠΌ ΡΠ²ΠΎΠ΅Π³ΠΎ ΡΠΎΠ½Π°, ΡΡΠΎ ΠΎΠΏΡΡΡ ΠΆΠ΅ Π΄Π΅Π»Π°Π΅Ρ ΡΠ°Π±ΠΎΡΡ Ρ ΡΠ°ΠΉΡΠΎΠΌ Π±ΠΎΠ»Π΅Π΅ ΠΏΠΎΠ½ΡΡΠ½ΠΎΠΉ Π΄Π»Ρ ΠΏΠΎΡΠ΅ΡΠΈΡΠ΅Π»Ρ (ΡΡΠ°ΡΠΈΡΠ½ΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΌΠΎΠ³ΡΡ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΠΎΠ·Π°Π΄Π°ΡΠΈΠ²Π°ΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ). ΠΠ½ΠΎΠΏΠΊΠ° Ρ Π΄Π΅ΡΠΎΠ»ΡΠ½ΡΠΌ Π΄ΠΈΠ·Π°ΠΉΠ½ΠΎΠΌ Π½Π΅ ΡΠ»ΠΈΡΠΊΠΎΠΌ Π±ΡΠΎΡΠ°Π΅ΡΡΡ Π² Π³Π»Π°Π·Π°, ΠΏΠΎΡΡΠΎΠΌΡ Π΅ΡΠ»ΠΈ ΡΡΠ΅Π±ΡΠ΅ΡΡΡ Π°ΠΊΡΠ΅Π½ΡΠΈΡΠΎΠ²Π°Π½ΠΈΠ΅ Π²Π½ΠΈΠΌΠ°Π½ΠΈΡ, ΡΠΎ Π»ΡΡΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π°Π»ΡΡΠ΅ΡΠ½Π°ΡΠΈΠ²Π½ΡΠ΅ ΡΡΠΈΠ»ΠΈ (Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, danger ΠΈΠ»ΠΈ warning). ΠΡ ΠΈ ΡΠ°Π·ΠΌΠ΅Ρ ΠΊΠ½ΠΎΠΏΠΎΡΠΊΠΈ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠ΄ ΡΡΠΎ Π΄Π΅Π»ΠΎ ΡΠ²Π΅Π»ΠΈΡΠΈΡΡ ΠΏΡΠΎΡΡΡΠΌ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ΠΌ ΠΊΠ»Π°ΡΡΠ° btn-lg:
<a target="_blank" href="Π£ΡΠ»">Π§ΠΈΡΠ°ΡΡ Π΄Π°Π»Π΅Π΅</a>
ΠΡΠ΅ ΠΎΡΠ΅Π½Ρ ΠΏΡΠΎΡΡΠΎ ΠΈ ΠΈΠ½ΡΡΠΈΡΠΈΠ²Π½ΠΎ ΠΏΠΎΠ½ΡΡΠ½ΠΎ. ΠΠΎ Π°Π½Π°Π»ΠΎΠ³ΠΈΠΈ Ρ ΡΠ΅ΡΠΎΡΠ½ΠΎΠΉ ΡΠΈΡΡΠ΅ΠΌΠΎΠΉ, Π² Bootstrap ΠΈΠΌΠ΅Π΅ΡΡΡ ΡΠ΅ΡΡΡΠ΅ ΠΎΡΠ½ΠΎΠ²Π½ΡΡ ΡΠ°Π·ΠΌΠ΅ΡΠ° Π΄Π»Ρ ΠΊΠ½ΠΎΠΏΠΎΠΊ. ΠΠ΅Π· ΠΏΡΠΎΠΏΠΈΡΡΠ²Π°Π½ΠΈΡ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΡ ΠΊΠ»Π°ΡΡΠΎΠ² Π²Ρ ΠΏΠΎΠ»ΡΡΠΈΡΠ΅ ΡΡΠ΅Π΄Π½ΠΈΠΉ ΡΠ°Π·ΠΌΠ΅Ρ ΠΊΠ½ΠΎΠΏΠΎΡΠΊΠΈ, Π° ΠΏΡΠΈ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠΈ btn-lg, btn-sm ΠΈ btn-xs ΠΏΠΎΠ»ΡΡΠΈΡΠ΅ Π±ΠΎΠ»ΡΡΡΡ, ΠΌΠ°Π»ΡΡ ΠΈ ΡΠ²Π΅ΡΡ ΠΌΠ°Π»ΡΡ ΠΊΠ½ΠΎΠΏΠΊΠΈ, ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²Π΅Π½Π½ΠΎ. Π‘ΠΎΠ±ΡΡΠ²Π΅Π½Π½ΠΎ, Π²ΡΠ΅ Π΄ΠΎΠ²ΠΎΠ»ΡΠ½ΠΎ ΠΏΠΎΠ½ΡΡΠ½ΠΎ ΠΈΠ· Π΄Π°Π½Π½ΠΎΠ³ΠΎ ΡΠΊΡΠΈΠ½ΡΠΎΡΠ°:
ΠΡΠΎΠΌΠ΅ ΡΡΠΎΠ³ΠΎ, ΡΠ°Π·ΠΌΠ΅Ρ ΠΊΠ½ΠΎΠΏΠΊΠ΅ Π² ΠΡΡΡΡΡΠ°ΠΏΠ΅ ΠΌΠΎΠΆΠ½ΠΎ Π·Π°Π΄Π°ΡΡ ΡΠ°Π²Π½ΡΠΌ ΡΠΈΡΠΈΠ½Π΅ Π±Π»ΠΎΠΊΠ°, Π² ΠΊΠΎΡΠΎΡΠΎΠΌ ΠΎΠ½Π° Π·Π°ΠΊΠ»ΡΡΠ΅Π½Π°. ΠΠ°Π½Π½Π°Ρ ΠΎΠΏΡΠΈΡ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ Π΄ΠΎΠ²ΠΎΠ»ΡΠ½ΠΎ ΡΠ΄ΠΎΠ±Π½Π° ΠΏΡΠΈ ΡΠΎΠ·Π΄Π°Π½ΠΈΠΈ ΠΊΠ½ΠΎΠΏΠΎΡΠ΅ΠΊ Π² ΡΠΈΡΠΈΠ½Ρ Π²ΡΠ΅ΠΉ ΠΊΠΎΠ»ΠΎΠ½ΠΊΠΈ. ΠΠ»Ρ ΡΡΠΎΠ³ΠΎ Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ Π±ΡΠ΄Π΅Ρ Π΄ΠΎΠΏΠΈΡΠ°ΡΡ Π²ΠΌΠ΅ΡΡΠΎ ΠΊΠ»Π°ΡΡΠ° ΡΠ°Π·ΠΌΠ΅ΡΠ° ΠΊΠ»Π°ΡΡ btn-block:
<a target="_blank" href="Π£ΡΠ»">Π§ΠΈΡΠ°ΡΡ Π΄Π°Π»Π΅Π΅</a>
ΠΠ°ΠΊ ΠΏΠΎΠΌΠ΅Π½ΡΡΡ ΡΠ²Π΅Ρ ΠΊΠ½ΠΎΠΏΠΎΠΊ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ°ΠΉΠ»Π° Ρ ΡΠΎΠ±ΡΡΠ²Π΅Π½Π½ΡΠΌΠΈ ΡΡΠΈΠ»ΡΠΌΠΈ?
ΠΡΡΠ³ΠΎΠΉ Π²ΠΎΠΏΡΠΎΡ β Π° ΡΡΠΎ, Π΅ΡΠ»ΠΈ ΠΈΠ· ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½Π½ΡΡ ΡΠ²Π΅ΡΠΎΠ² ΠΊΠ½ΠΎΠΏΠΎΠΊ Π½ΠΈΡΠ΅Π³ΠΎ Π½Π΅ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΠΈΡ ΠΏΠΎΠ΄ Π²ΡΠ±ΡΠ°Π½Π½ΠΎΠ΅ Π²Π°ΠΌΠΈ ΡΡΠΈΠ»Π΅Π²ΠΎΠ΅ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΠ΅ ΡΠ°ΠΉΡΠ°? ΠΡΡ ΠΎΠ΄ Π΅ΡΡΡ, ΠΈ Π·Π°ΠΊΠ»ΡΡΠ°Π΅ΡΡΡ ΠΎΠ½ Π² ΡΠ°ΠΌΠΎΡΡΠΎΡΡΠ΅Π»ΡΠ½ΠΎΠΌ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠΈ Π½Π΅Π΄ΠΎΡΡΠ°ΡΡΠΈΡ Π²Π°ΠΌ CSS ΠΏΡΠ°Π²ΠΈΠ», Π½ΠΎ Π½Π΅ Π² ΡΠ°ΠΉΠ» ΡΡΠΈΠ»Π΅ΠΉ Bootstrap 3 (ΡΡΠΎΠ±Ρ Π½Π΅ ΠΏΠΎΡΠ΅ΡΡΡΡ Π²Π½Π΅ΡΠ΅Π½Π½ΡΠ΅ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, ΠΏΡΠΈ ΠΎΠ±Π½ΠΎΠ²Π»Π΅Π½ΠΈΠΈ ΡΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊΠ°), Π° Π² ΡΠΏΠ΅ΡΠΈΠ°Π»ΡΠ½ΠΎ ΡΠΎΠ·Π΄Π°Π½Π½ΡΠΉ ΠΈ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ΅Π½Π½ΡΠΉ ΠΊ Π²Π΅Π±ΡΡΡΠ°Π½ΠΈΡΠ΅ ΡΠ°ΠΉΠ»ΠΈΠΊ manual.css Ρ Π½Π°ΡΠΈΠΌΠΈ ΡΠΎΠ±ΡΡΠ²Π΅Π½Π½ΡΠΌΠΈ ΡΡΠΈΠ»ΡΠΌΠΈ (ΡΠΈΡΠ°ΠΉΡΠ΅ ΠΎΠ± ΡΡΠΎΠΌ Π² ΠΏΠ΅ΡΠ²ΠΎΠΉ ΡΡΠ°ΡΡΠ΅, ΡΡΡΠ»ΠΊΡ Π½Π° ΠΊΠΎΡΠΎΡΡΡ Π²Ρ Π½Π°ΠΉΠ΄Π΅ΡΠ΅ Π² ΡΠ°ΠΌΠΎΠΌ Π²Π΅ΡΡ Ρ ΡΡΠΎΠΉ ΠΏΡΠ±Π»ΠΈΠΊΠ°ΡΠΈΠΈ).
ΠΠΎ ΡΠΈΡ ΠΏΠΎΡ ΡΠ°ΠΉΠ» manual.css ΠΎΡΡΠ°Π²Π°Π»ΡΡ Ρ Π½Π°Ρ ΠΏΡΡΡΡΠΌ, Π²ΠΎΡ ΠΈ ΠΏΡΠΈΡΠ»ΠΎ Π²ΡΠ΅ΠΌΡ Π΅Π³ΠΎ Π·Π°Π΄Π΅ΠΉΡΡΠ²ΠΎΠ²Π°ΡΡ Π½Π° Π±Π»Π°Π³ΠΎ ΡΠ°ΠΉΡΠΎΡΡΡΠΎΠ΅Π½ΠΈΡ. ΠΡΠ°ΠΊ, ΡΡΠΎ ΡΠ°ΠΊΠΎΠ΅ CSS ΡΠ΅Π»Π΅ΠΊΡΠΎΡΡ ΠΏΠΎΠΌΠ½ΠΈΡΠ΅? Π ΠΏΡΠΎ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠ΅ CSS ΡΠ²ΠΎΠΉΡΡΠ²Π° ΡΠΈΡΠ°Π»ΠΈ? ΠΠ°ΠΊ ΠΈ ΡΡΠΎ Π·Π°Π΄Π°Π΅ΡΡΡ, Π² ΠΊΠ°ΠΊΠΎΠΉ ΠΏΠΎΡΠ»Π΅Π΄ΠΎΠ²Π°ΡΠ΅Π»ΡΠ½ΠΎΡΡΠΈ ΠΈ ΠΊΠ°ΠΊ Π±ΡΠ°ΡΠ·Π΅Ρ ΡΠ°ΡΡΡΠ°Π²Π»ΡΠ΅Ρ ΠΏΡΠΈΠΎΡΠΈΡΠ΅ΡΡ? ΠΡΠ»ΠΈ Π½Π΅Ρ, ΡΠΎ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π΄Π΅ΡΡΡΠΎΠΊ ΠΌΠΎΠΈΡ ΡΡΠΎΠΊΠΎΠ² (Π½Π°Π΄Π΅ΡΡΡ ΠΌΠ°ΠΊΡΠΈΠΌΠ°Π»ΡΠ½ΠΎ ΠΏΠΎΠ΄ΡΠΎΠ±Π½ΡΡ ΠΈ Π΄ΠΎΡΡΡΠΏΠ½ΡΡ ) ΠΏΠΎ Π½Π΅Π»Π΅Π³ΠΊΠΎΠΌΡ Π΄Π΅Π»Ρ ΠΏΠΎΠ³ΡΡΠΆΠ΅Π½ΠΈΡ Π² ΠΏΡΡΠΈΠ½Ρ ΡΡΠΈΠ»Π΅Π²ΠΎΠΉ ΡΠ°Π·ΠΌΠ΅ΡΠΊΠΈ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡ β Π‘ΠΏΡΠ°Π²ΠΎΡΠ½ΠΈΠΊ ΠΏΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ CSS. ΠΡ ΠΆΠ΅ ΠΏΡΠΎΠ΄ΠΎΠ»ΠΆΠΈΠΌ, Π½Π΅ ΡΠΈΠ»ΡΠ½ΠΎ ΠΎΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°ΡΡΡ Π½Π° ΠΏΠΎΠ΄ΡΠΎΠ±Π½ΠΎΡΡΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΡΡΠΈΠ»Π΅ΠΉ.
ΠΡΠ°ΠΊ, Π½Π°ΠΌ Π½ΡΠΆΠ½ΠΎ ΠΏΠ΅ΡΠ΅ΠΊΡΠ°ΡΠΈΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ, ΡΠΎΠ·Π΄Π°Π½Π½ΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΊΠ»Π°ΡΡΠΎΠ² ΠΡΡΡΡΡΠ°ΠΏΠ°, Π² Π΄ΡΡΠ³ΠΎΠΉ ΡΠ²Π΅Ρ. ΠΡΠΈΡΠ΅ΠΌ, Π½ΡΠΆΠ½ΠΎ Π±ΡΠ΄Π΅Ρ ΠΏΠΎΠΌΠ΅Π½ΡΡΡ Π΅ΡΠ΅ ΠΈ ΡΠ²Π΅Ρ, ΠΊΠΎΡΠΎΡΡΠΉ ΠΊΠ½ΠΎΠΏΠΊΠ° ΠΏΡΠΈΠΎΠ±ΡΠ΅ΡΠ°Π΅Ρ ΠΏΡΠΈ ΠΏΠΎΠ΄Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΠΊ Π½Π΅ΠΉ ΠΊΡΡΡΠΎΡΠ°, Π½ΠΎ ΡΡΠΎ ΡΠΆΠ΅ Π²ΡΠΎΡΠ°Ρ Π·Π°Π΄Π°ΡΠ°. ΠΠ»Ρ ΠΏΡΠΈΠΌΠ΅ΡΠ° ΠΏΠΎΠΏΡΠΎΠ±ΡΠ΅ΠΌ ΠΏΠΎΠ³Π»ΡΠΌΠΈΡΡΡΡ Π½Π°Π΄ ΠΊΠ½ΠΎΠΏΠΎΡΠΊΠ°ΠΌΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΠΎΠΊΠ°Π·Π°Π½Ρ Π½Π° ΠΏΡΠ΅Π΄ΡΠ΄ΡΡΡΠ΅ΠΌ ΡΠΊΡΠΈΠ½ΡΠΎΡΠ΅. ΠΠΏΠΎΠ»Π½Π΅ Π»ΠΎΠ³ΠΈΡΠ½ΠΎ Π±ΡΠ΄Π΅Ρ Π²ΡΠΏΠΎΠ»Π½ΠΈΡΡ ΠΈΡ Π²ΡΠ΅ Π² ΡΠ²Π΅ΡΠΎΠ²ΠΎΠΉ ΡΡ Π΅ΠΌΠ΅, ΡΠΎΠ·Π²ΡΡΠ½ΠΎΠΉ ΡΠ°ΠΉΡΡ (Π½Π΅ Π²Π°ΠΆΠ½ΠΎ ΠΊΠ°ΠΊΠΎΠΉ).
ΠΠ°ΠΊ ΡΠ΅ΠΉΡΠ°Ρ Π΄Π°Π½Π½ΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΏΠΎΠ»ΡΡΠ°ΡΡ ΡΠ²Π΅Ρ? Π‘ ΠΏΠΎΠΌΠΎΡΡΡ ΠΏΡΠΎΠΏΠΈΡΠ°Π½Π½ΡΡ Π² ΡΠ΅Π³Π°Ρ ΡΡΡΠ»ΠΎΠΊ A ΠΊΠ»Π°ΡΡΠΎΠ² Bootstrap 3. ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, Π² Π·Π°ΠΏΠΈΡΠΈ Β«btn btn-primary btn-blockΒ» Π·Π° ΡΠ²Π΅Ρ ΠΎΡΠ²Π΅ΡΠ°Π΅Ρ btn-primary. ΠΠ°ΠΊ ΠΌΡ ΡΠΆΠ΅ ΠΎΠ±Π³ΠΎΠ²ΠΎΡΠΈΠ»ΠΈ ΡΠ°Π½Π΅Π΅, Π² ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΌ ΡΠ°ΠΉΠ»Π΅ ΡΡΠΈΠ»Π΅ΠΉ ΠΌΡ ΠΌΠ΅Π½ΡΡΡ Π½ΠΈΡΠ΅Π³ΠΎ Π½Π΅ Π±ΡΠ΄Π΅ΠΌ, ΠΏΠΎΡΡΠΎΠΌΡ Π½Π°ΠΌ Π½ΡΠΆΠ½ΠΎ Π±ΡΠ΄Π΅Ρ Π΄ΠΎΠΏΠΈΡΠ°ΡΡ ΠΏΡΠ°Π²ΠΈΠ»ΠΎ Π² Π½Π°Ρ ΡΠ°ΠΉΠ»ΠΈΠΊ manual.css. ΠΡΠ»ΠΈ ΠΌΡ Ρ ΠΎΡΠΈΠΌ ΠΏΠΎΠΌΠ΅Π½ΡΡΡ ΡΠ²Π΅Ρ ΡΠΎΠ»ΡΠΊΠΎ ΡΡΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ, ΡΠΎ CSS ΠΏΡΠ°Π²ΠΈΠ»ΠΎ Π±ΡΠ΄Π΅Ρ Π²ΡΠ³Π»ΡΠ΄Π΅ΡΡ ΡΠ°ΠΊ:
.btn-primary { background-color: #cdae51; border-color: #3F2B22; color: #000000; }
Π’Π°ΠΊΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ ΠΌΡ Π·Π°Π΄Π°Π»ΠΈ ΡΠ²Π΅Ρ ΡΠΎΠ½Π° ΠΊΠ½ΠΎΠΏΠΊΠΈ (background-color), ΡΠ²Π΅Ρ ΡΠ°ΠΌΠΊΠΈ Π²ΠΎΠΊΡΡΠ³ Π½Π΅Π΅ (border-color) ΠΈ ΡΠ²Π΅Ρ ΡΠ΅ΠΊΡΡΠ° (color). Π ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠ΅ ΡΠ΅Π³ΠΎ ΠΎΠ½Π° Π΄Π΅ΠΉΡΡΠ²ΠΈΡΠ΅Π»ΡΠ½ΠΎ ΠΏΠΎΠΌΠ΅Π½ΡΠ΅Ρ ΡΠ²ΠΎΠΉ Π²ΠΈΠ΄:
ΠΡΠ»ΠΈ Ρ Π²Π°Ρ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠΉ Π½Π΅ Π²ΠΈΠ΄Π½ΠΎ, ΡΠΎ ΠΏΡΠΎΠ²Π΅ΡΡΡΠ΅ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅ manual.css Π² Π²Π°ΡΠ΅ΠΌ ΡΠ°ΠΉΠ»ΠΈΠΊΠ΅ sait-4.html β ΠΎΠ½ΠΎ Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΠΎΡΡΡΠ΅ΡΡΠ²Π»ΡΡΡΡΡ ΠΏΠΎΡΠ»Π΅ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ΅Π½ΠΈΡ ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠ³ΠΎ ΡΠ°ΠΉΠ»Π° ΠΡΡΡΡΡΠ°ΠΏΠ°. Π’.Π΅. ΡΡΠΎΡΡΡ Π½ΠΈΠΆΠ΅ Π² ΠΊΠΎΠ΄Π΅:
ΠΠΎΠ½ΠΈΠΌΠ°Π΅ΡΠ΅ ΠΏΠΎΡΠ΅ΠΌΡ? ΠΠ΅Π»ΠΎ Π² ΡΠΎΠΌ, ΡΡΠΎ ΠΌΡ ΠΏΡΠΎΠΏΠΈΡΠ°Π»ΠΈ ΡΠ΅ΠΉΡΠ°Ρ CSS ΠΏΡΠ°Π²ΠΈΠ»ΠΎ, ΠΊΠΎΡΠΎΡΠΎΠ΅ Π΄ΡΠ±Π»ΠΈΡΡΠ΅Ρ ΡΠ°ΠΊΠΎΠ΅ ΠΆΠ΅ ΠΏΡΠ°Π²ΠΈΠ»ΠΎ Π² ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΌ ΡΠ°ΠΉΠ»Π΅ ΡΡΠΈΠ»Π΅ΠΉ. ΠΠ°ΠΊ ΠΆΠ΅ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΠΏΠΎΡΡΡΠΏΠΈΡΡ Π±ΡΠ°ΡΠ·Π΅Ρ ΠΏΡΠΈ Π²ΠΎΠ·Π½ΠΈΠΊΠ½ΠΎΠ²Π΅Π½ΠΈΠΈ ΠΏΠΎΠ΄ΠΎΠ±Π½ΠΎΠ³ΠΎ ΠΊΠΎΠ½ΡΠ»ΠΈΠΊΡΠ°? ΠΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎ, ΡΡΠΊΠΎΠ²ΠΎΠ΄ΡΡΠ²ΠΎΠ²Π°ΡΡΡΡ ΡΠ΅ΠΉΡΠΈΠ½Π³ΠΎΠΌ ΠΏΡΠΈΠΎΡΠΈΡΠ΅ΡΠΎΠ². Π§ΠΈΡΠ°ΠΉΡΠ΅ ΠΎΠ± ΡΡΠΎΠΌ Π² ΡΡΠ°ΡΡΠ΅ Β«ΠΡΠΈΠΎΡΠΈΡΠ΅ΡΡ Css ΡΠ²ΠΎΠΉΡΡΠ² (Ρ important ΠΈ Π±Π΅Π· Π½Π΅Π³ΠΎ)Β». ΠΡ Π²ΠΎΡ, Π° ΠΏΡΠΈ ΡΠ°Π²Π΅Π½ΡΡΠ²Π΅ ΠΏΡΠΈΠΎΡΠΈΡΠ΅ΡΠΎΠ² Π±ΡΠ΄Π΅Ρ Π²ΡΠΏΠΎΠ»Π½ΡΡΡΡΡ CSS ΠΏΡΠ°Π²ΠΈΠ»ΠΎ, ΡΡΠΎΡΡΠ΅Π΅ Π½ΠΈΠΆΠ΅ Π² ΠΊΠΎΠ΄Π΅ (ΡΠΎ Π±ΠΈΡΡ Π² ΡΠΎΠΌ ΡΠ°ΠΉΠ»Π΅ ΡΡΠΈΠ»Π΅ΠΉ, ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΠΎΠ΄ΠΊΠ»ΡΡΠ΅Π½ ΠΏΠΎΡΠ»Π΅Π΄Π½ΠΈΠΌ). Π₯ΠΎΡΡ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΠΎΠ²ΡΡΠΈΡΡ ΠΏΡΠΈΠΎΡΠΈΡΠ΅Ρ ΡΠ²ΠΎΠΉΡΡΠ² Π² ΡΠ°ΠΉΠ»Π΅ manual.css Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΡ ΠΊ Π½ΠΈΠΌ !important:
.btn-primary { background-color: #cdae51 !important; border-color: #3F2B22 !important; color: #000000 !important; }
ΠΠΎ ΡΡΠΎ ΡΠ°ΠΊ, Π½Π° Π²ΡΡΠΊΠΈΠΉ ΡΠ»ΡΡΠ°ΠΉ Ρ ΡΠ°ΡΡΠΊΠ°Π·Π°Π» β Π²Π΄ΡΡΠ³ ΠΏΡΠΈΠ³ΠΎΠ΄ΠΈΡΡΡ. ΠΡΠ΄Π΅ΠΌ ΡΡΠΈΡΠ°ΡΡ, ΡΡΠΎ Ρ Π²Π°Ρ Π±Π΅Π· ΠΏΡΠΎΠ±Π»Π΅ΠΌ ΠΏΠΎΠ»ΡΡΠΈΠ»ΠΎΡΡ ΠΏΠΎΠΌΠ΅Π½ΡΡΡ ΡΠ²Π΅Ρ ΠΊΠ½ΠΎΠΏΠΊΠΈ.
ΠΠ°, ΠΊΡΡΠ°ΡΠΈ, Π΅ΡΠ΅ ΠΎΠ΄ΠΈΠ½ Π½ΡΠ°Π½Ρ. ΠΡΠ»ΠΈ Π²Ρ Ρ ΠΎΡΠΈΡΠ΅ Π²ΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π½Π° ΡΠ°ΠΉΡΠ΅ ΡΠ½ΠΈΡΠΈΡΠΈΡΠΎΠ²Π°ΡΡ (ΠΌΠ°Π»ΠΎΠ²Π΅ΡΠΎΡΡΠ½ΠΎ, Π½ΠΎ Π²ΡΠ΅ ΠΆΠ΅), ΡΠΎ Π΄Π»Ρ ΡΡΠΎΠ³ΠΎ ΠΏΡΠΎΡΡΠΎ Π·Π°ΠΌΠ΅Π½ΠΈΡΠ΅ Π² ΠΏΡΠΈΠ²Π΅Π΄Π΅Π½Π½ΠΎΠΌ CSS ΠΏΡΠ°Π²ΠΈΠ»Π΅ ΡΠ΅Π»Π΅ΠΊΡΠΎΡ .btn-primary Π½Π° ΠΏΡΠΎΡΡΠΎ .btn. ΠΡ ΡΠΆΠ΅ Π½Π°Π²Π΅ΡΠ½ΠΎΠ΅ Π·Π°ΠΌΠ΅ΡΠΈΠ»ΠΈ, ΡΡΠΎ Π²Π΅Π·Π΄Π΅ ΠΊ ΠΊΠ½ΠΎΠΏΠΊΠ°ΠΌ Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅ΡΡΡ ΠΎΡΠ΄Π΅Π»ΡΠ½ΡΠΉ ΠΊΠ»Π°ΡΡ btn, ΠΊΠΎΡΠΎΡΡΠΉ ΠΊΠ°ΠΊ Π±Ρ ΡΠ°ΠΌ ΠΏΠΎ ΡΠ΅Π±Π΅ Π½ΠΈΡΠ΅Π³ΠΎ Π½Π΅ ΠΌΠ΅Π½ΡΠ΅Ρ. ΠΠΎΡ ΠΈΠΌΠ΅Π½Π½ΠΎ Π΄Π»Ρ ΠΏΡΠΈΠΌΠ΅Π½Π΅Π½ΠΈΡ ΠΊΠ°ΠΊΠΈΡ -ΡΠΎ ΡΡΠΈΠ»Π΅Π²ΡΡ ΡΠ²ΠΎΠΉΡΡΠ² Π΄Π»Ρ Π²ΡΠ΅Ρ ΠΊΠ½ΠΎΠΏΠΎΠΊ Π½Π° ΡΠ°ΠΉΡΠ΅ ΡΡΠΎΡ ΡΠ°ΠΌΡΠΉ ΠΊΠ»Π°ΡΡ ΠΈ Π½ΡΠΆΠ΅Π½. Π’ΠΎ ΠΆΠ΅ ΡΠ°ΠΌΠΎΠ΅ Π±ΡΠ΄Π΅Ρ ΠΈ ΠΏΡΠΈ Π·Π°Π΄Π°Π½ΠΈΠΈ ΡΡΠ΄Π° Π΄ΡΡΠ³ΠΈΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΡΡΡΡΡΠ°ΠΏΠ°. ΠΡΠ΅ ΠΏΡΠΎΠ΄ΡΠΌΠ°Π½ΠΎ.
ΠΠ°Π΄Π½ΠΎ, Π½Π°ΠΌ Π΅ΡΠ΅ ΠΎΠ΄Π½Ρ ΠΏΡΠΎΠ±Π»Π΅ΠΌΠΊΡ ΠΏΠΎΡΠ΅ΡΠ°ΡΡ Π½Π°Π΄ΠΎ. ΠΠ°ΠΊ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΡΠ²Π΅Ρ ΠΊΠ½ΠΎΠΏΠΊΠΈ, Π² ΠΊΠΎΡΠΎΡΡΠΉ ΠΎΠ½Π° ΠΎΠΊΡΠ°ΡΠΈΠ²Π°Π΅ΡΡΡ ΠΏΡΠΈ ΠΏΠΎΠ΄Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΠΊ Π½Π΅ΠΉ ΠΊΡΡΡΠΎΡΠ° ΠΌΡΡΠΈ? ΠΡΠ΅Π²ΠΈΠ΄Π½ΠΎ, ΡΡΠΎ ΡΠ°ΠΌ Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ ΡΠ΅Π»Π΅ΠΊΡΠΎΡΡ ΠΏΡΠ΅Π²Π΄ΠΎΠΊΠ»Π°ΡΡΠΎΠ² ΠΈΠ»ΠΈ ΠΏΡΠ΅Π²Π΄ΠΎΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ². ΠΠ΄Π½Π°ΠΊΠΎ, ΠΏΡΠΎΡΠ΅ Π²ΡΠ΅Π³ΠΎ ΠΎΠ± ΡΡΠΎΠΌ Π±ΡΠ΄Π΅Ρ ΡΠΏΡΠΎΡΠΈΡΡ Ρ Π±ΡΠ°ΡΠ·Π΅ΡΠ°, ΠΈΠ±ΠΎ ΠΎΠ½ ΡΠΎ ΡΠΆ Π»ΡΡΡΠ΅ Π²ΡΠ΅Ρ Π·Π½Π°Π΅Ρ, ΡΡΠΎ ΠΈΠΌΠ΅Π½Π½ΠΎ ΠΈ ΠΊΠ°ΠΊ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡ, Π° ΡΠ°ΠΊΠΆΠ΅ ΠΊΠ°ΠΊΠΈΠ΅ CSS ΡΠ²ΠΎΠΉΡΡΠ²Π° ΠΏΡΠΈΠΌΠ΅Π½ΡΡΡ.
ΠΡΠ°Π²Π΄Π°, Π²ΠΎΡ ΡΠ°ΠΊ Π·Π° Π·Π΄ΠΎΡΠΎΠ²ΠΎ ΠΆΠΈΠ²Π΅ΡΡ Π±ΡΠ°ΡΠ·Π΅Ρ Π²Π°ΠΌ Π½ΠΈΡΠ΅Π³ΠΎ Π½Π΅ ΡΠΊΠ°ΠΆΠ΅Ρ, Π½ΠΎ Π΅ΡΠ»ΠΈ Π΅Π³ΠΎ ΠΏΠΎΠΏΡΡΠ°ΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π€Π°ΠΉΠ΅ΡΠ±Π°Π³Π° (ΠΈΠ»ΠΈ Π²ΡΡΡΠΎΠ΅Π½Π½ΡΡ Π² Π»ΡΠ±ΠΎΠΉ Π±ΡΠ°ΡΠ·Π΅Ρ ΠΈΠ½ΡΡΡΡΠΌΠ΅Π½ΡΠΎΠ² Π΄Π»Ρ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠΎΠ², ΠΊΠΎΡΠΎΡΡΠ΅ Π²ΡΠ·ΡΠ²Π°ΡΡΡΡ ΠΈΠ· ΠΌΠ΅Π½Ρ ΠΏΡΠ°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΌΡΡΠΈ Π²ΡΠ±ΠΎΡΠΎΠΌ ΠΏΡΠ½ΠΊΡΠ° Β«ΠΡΠΎΡΠΌΠΎΡΡ ΠΊΠΎΠ΄Π° ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°Β» ΠΈΠ»ΠΈ Π΅ΠΌΡ ΠΏΠΎΠ΄ΠΎΠ±Π½ΠΎΠ³ΠΎ), ΡΠΎ ΠΎΠ½ Π²ΡΠ»ΠΎΠΆΠΈΡ Π²ΡΠ΅ ΠΊΠ°ΠΊ ΠΌΠΈΠ»Π΅Π½ΡΠΊΠΈΠΉ. ΠΠ·Π½Π°ΠΊΠΎΠΌΠΈΡΡΡΡ Ρ ΠΌΠ΅ΡΠΎΠ΄Π°ΠΌΠΈ ΠΏΡΡΠΊΠΈ Π±ΡΠ°ΡΠ·Π΅ΡΠ° ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ· ΠΏΡΠΈΠ²Π΅Π΄Π΅Π½Π½ΠΎΠΉ ΡΡΠ°ΡΡΠΈ, Π° ΠΌΡ ΠΊΠΎΠ½ΡΡΠ°ΡΠΈΡΡΠ΅ΠΌ, ΡΡΠΎ ΡΠ²Π΅Ρ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ Π·Π°Π΄Π°Π΅ΡΡΡ Π² ΠΎΡΠ½ΠΎΠ²Π½ΠΎΠΌ ΡΠ°ΠΉΠ»Π΅ Bootstrap Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ°ΠΊΠΎΠ³ΠΎ Π²ΠΎΡ ΡΠ±ΠΎΡΠ½ΠΎΠ³ΠΎ ΡΠ΅Π»Π΅ΠΊΡΠΎΡΠ°:
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary
Π‘ΠΎΠ±ΡΡΠ²Π΅Π½Π½ΠΎ, ΠΌΡ ΡΠΎΠΆΠ΅ Π½Π΅ Π±ΡΠ΄Ρ Π΄ΡΡΠ°ΠΊΠ°ΠΌΠΈ Π΅Π³ΠΎ ΠΈ ΠΏΡΠΎΠΏΠΈΡΠ΅ΠΌ ΡΠ΅Π±Π΅ Π² ΡΠ°ΠΉΠ»ΠΈΠΊ manual.css, Π° ΠΊ Π½Π΅ΠΌΡ ΠΈ Π½ΡΠΆΠ½ΡΠ΅ CSS ΡΠ²ΠΎΠΉΡΡΠ²Π° Π΄ΠΎΠ±Π°Π²ΠΈΠΌ, Π·Π°Π΄Π°ΡΡΠΈΠ΅ ΡΠ²Π΅Ρ ΡΠ΅ΠΊΡΡΠ°, ΡΠΎΠ½Π° ΠΈ ΡΠ°ΠΌΠΊΠΈ:
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { color: #ffffff; background-color: #3F2B22; border-color: #333; }
Π ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠ° ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΠΊΠ°ΡΠ΄ΠΈΠ½Π°Π»ΡΠ½ΠΎ ΠΏΠΎΠΌΠ΅Π½ΡΠ΅Ρ ΡΠ²ΠΎΠΉ Π²ΠΈΠ΄:
ΠΠΈΠ·Π°ΠΉΠ½Π΅Ρ ΠΈΠ· ΠΌΠ΅Π½Ρ, ΠΊΠΎΠ½Π΅ΡΠ½ΠΎ ΠΆΠ΅, Π½ΠΈΠΊΡΠ΄ΡΡΠ½ΡΠΉ, Π½ΠΎ Π²Ρ ΡΠ²Π΅ΡΠΎΠ²ΡΡ ΡΡ Π΅ΠΌΡ ΡΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΊΡΠ΄Π° Π»ΡΡΡΠ΅ ΠΏΠΎΠ΄ΠΎΠ±ΡΠ°ΡΡ. Π’Π°ΠΊΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ, Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΡ CSS ΠΏΡΠ°Π²ΠΈΠ» Π² manual.css, ΠΌΠΎΠΆΠ½ΠΎ Π±ΡΠ΄Π΅Ρ ΠΌΠ΅Π½ΡΡΡ Π½Π΅ ΡΠΎΠ»ΡΠΊΠΎ ΡΠ²Π΅Ρ ΠΊΠ½ΠΎΠΏΠΎΠΊ, Π½ΠΎ ΠΈ ΠΎΡΡΡΡΠΏΡ ΠΎΡ ΠΊΠ°ΡΡΠΈΠ½ΠΎΠΊ, ΠΈ ΡΠ²Π΅ΡΠ° Π³Π»ΠΈΡ-ΠΈΠΊΠΎΠ½ΠΎΠΊ (ΠΎ Π½ΠΈΡ Π² ΡΠ»Π΅Π΄ΡΡΡΠ΅ΠΉ ΡΡΠ°ΡΡΠ΅ ΠΏΠΎΠ³ΠΎΠ²ΠΎΡΠΈΠΌ), Π° ΡΠ°ΠΊΠΆΠ΅ ΠΈ Π²ΡΠ΅ ΠΎΡΡΠ°Π»ΡΠ½ΠΎΠ΅. ΠΡΠΆΠ½ΠΎ ΡΠΎΠ»ΡΠΊΠΎ ΡΡΡΠΊΠ° ΠΏΠΎΠ΄ΡΠΌΠ°ΡΡ. ΠΠ°ΠΊ Π³ΠΎΠ²ΠΎΡΠΈΡΡΡ, ΡΠ»Π°Π³ Π²Π°ΠΌ Π² ΡΡΠΊΠΈ, Π° Π±Π°ΡΠ°Π±Π°Π½ Π½Π° ΡΠ΅Ρ.
ΠΠΎΠ±Π°Π²Π»ΡΠ΅ΠΌ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠ°ΠΌ ΠΎΡΠ·ΡΠ²ΡΠΈΠ²ΠΎΡΡΡ ΠΈ Π΄ΡΡΠ³ΠΈΠ΅ ΡΡΠΈΠ»ΠΈ Bootstrap
ΠΠ΅ΡΠΌΠΎΡΡΡ Π½Π° ΡΠΎ, ΡΡΠΎ ΡΠ°ΠΌ ΠΡΡΡΡΡΠ°ΠΏ ΡΠ²Π»ΡΠ΅ΡΡΡ ΠΎΡΠ·ΡΠ²ΡΠΈΠ²ΡΠΌ ΡΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊΠΎΠΌ (Π² ΡΠΌΡΡΠ»Π΅, ΠΎΡΠ·ΡΠ²ΡΠΈΠ²ΡΠΌ Π½Π° ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΡΠΈΡΠΈΠ½Ρ ΡΠΊΡΠ°Π½Π°, Ρ ΠΊΠΎΡΠΎΡΠΎΠ³ΠΎ ΠΏΡΠΎΡΠΌΠ°ΡΡΠΈΠ²Π°Π΅ΡΡΡ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΠ°), ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΈΠΌΠ΅ΡΡ ΠΌΠ΅ΡΡΠΎ Π±ΡΡΡ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅, ΠΎΡΠ·ΡΠ²ΡΠΈΠ²ΡΠΌΠΈ Π½Π΅ ΡΠ²Π»ΡΡΡΡΡ. Π’.Π΅. ΠΎΠ½ΠΈ Π½Π΅ ΠΏΠΎΠ΄ΡΡΡΠ°ΠΈΠ²Π°ΡΡΡΡ ΠΏΠΎΠ΄ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ ΡΠΈΡΠΈΠ½Ρ ΡΠΊΡΠ°Π½Π°. Π‘ΠΎΠ±ΡΡΠ²Π΅Π½Π½ΠΎ, ΡΡΠΎ Π΄Π΅Π»ΠΎ ΠΏΠΎΠΏΡΠ°Π²ΠΈΠΌΠΎΠ΅.
ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, Π² ΠΎΠ΄Π½ΠΎΠΌ ΠΈΠ· Π½Π°ΡΠΈΡ ΡΠ°Π½Π΅Π΅ ΡΠ°Π·ΠΎΠ±ΡΠ°Π½Π½ΡΡ ΠΏΡΠΈΠΌΠ΅ΡΠΎΠ² (ΡΠ°ΠΉΠ» sait5.html β ΠΊΠ»ΠΈΠΊΠ½ΠΈΡΠ΅ ΠΏΠΎ ΡΡΡΠ»ΠΊΠ΅ ΠΏΡΠ°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡΡΠΈ ΠΈ Π²ΡΠ±Π΅ΡΠΈΡΠ΅ ΠΈΠ· ΠΊΠΎΠ½ΡΠ΅ΠΊΡΡΠ½ΠΎΠ³ΠΎ ΠΌΠ΅Π½Ρ ΠΏΡΠ½ΠΊΡ Β«Π‘ΠΎΡ ΡΠ°Π½ΠΈΡΡ ΠΏΠΎ ΡΡΡΠ»ΠΊΠ΅ ΠΊΠ°ΠΊβ¦Β», ΠΏΠΎΡΠ»Π΅ ΡΠ΅Π³ΠΎ ΠΏΠΎΠΌΠ΅ΡΡΠΈΡΠ΅ Π΅Π³ΠΎ Π² Π²Π°ΡΡ ΠΏΠ°ΠΏΠΊΡ Ρ ΠΡΡΡΡΡΠ°ΠΏΠΎΠΌ) ΠΊΠ°ΠΊ ΡΠ°Π· Π½Π°Π±Π»ΡΠ΄Π°Π»ΡΡ Π½Π°Π΅Π·Π΄ ΠΊΠ°ΡΡΠΈΠ½ΠΎΠΊ ΠΈΠ· ΡΠΎΡΠ΅Π΄Π½ΠΈΡ ΠΊΠΎΠ»ΠΎΠ½ΠΎΠΊ Π΄ΡΡΠ³ Π½Π° Π΄ΡΡΠ³Π°, Π² ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠ΅ ΡΠ΅Π³ΠΎ ΡΠ°ΡΡΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ ΠΎΠ±ΡΠ΅Π·Π°Π»Π°ΡΡ:
Π Bootstrap 3, Π΄Π»Ρ ΠΏΡΠΈΠ΄Π°Π½ΠΈΡ ΠΎΡΠ·ΡΠ²ΡΠΈΠ²ΠΎΡΡΠΈ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠ°ΠΌ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅, Π½ΡΠΆΠ½ΠΎ ΡΡΠΎ Π΄Π΅Π»ΠΎ ΠΎΡΠ΄Π΅Π»ΡΠ½ΠΎ ΠΎΠ±ΠΎΠ·Π½Π°ΡΠ°ΡΡ, ΠΏΡΠΎΠΏΠΈΡΡΠ²Π°Ρ Π² ΡΠ΅Π³ΠΈ IMG ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΡΡΠΈΠΉ ΠΊΠ»Π°ΡΡ β img-responsive. Π Π½Π°ΡΠ΅ΠΌ ΡΠ»ΡΡΠ°Π΅ Π΅Π³ΠΎ Π½ΡΠΆΠ½ΠΎ Π±ΡΠ΄Π΅Ρ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ Π΄Π»Ρ Π²ΡΠ΅Ρ ΡΠ΅ΡΡΡΠ΅Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ Π² ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΠΈΠ· ΠΊΠΎΠ»ΠΎΠ½ΠΎΠΊ. ΠΡΠ³Π»ΡΠ΄Π΅ΡΡ ΡΡΠΎ Π±ΡΠ΄Π΅Ρ ΠΏΡΠΈΠΌΠ΅ΡΠ½ΠΎ ΡΠ°ΠΊ:
<img src="img/virtuemart-2-300x180.jpg" alt="">
ΠΡ ΠΈ Π½Π°Ρ ΠΌΠ°ΠΊΠ΅Ρ ΡΡΡΠ°Π½ΠΈΡΡ Π±ΡΠ΄Π΅Ρ Π²Π΅ΡΡΠΈ ΡΠ΅Π±Ρ ΡΠΆΠ΅ Π³ΠΎΡΠ°Π·Π΄ΠΎ Π±ΠΎΠ»Π΅Π΅ Π°Π΄Π΅ΠΊΠ²Π°ΡΠ½ΠΎ, ΠΈΠ±ΠΎ ΠΏΡΠΈ ΡΠΌΠ΅Π½ΡΡΠ΅Π½ΠΈΠΈ ΡΠΈΡΠΈΠ½Ρ ΡΠΊΡΠ°Π½Π°, ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ Π±ΡΠ΄ΡΡ ΡΠΌΠ΅Π½ΡΡΠ°ΡΡΡΡ Π΄Π»Ρ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΠΈΡ ΡΠΈΡΠΈΠ½Π΅ ΠΊΠΎΠ»ΠΎΠ½ΠΎΠΊ, Π² ΠΊΠΎΡΠΎΡΡΡ ΠΎΠ½ΠΈ ΡΠ°ΡΠΏΠΎΠ»ΠΎΠΆΠ΅Π½Ρ (Π½Π΅ Π½Π°Π΅Π·ΠΆΠ°Ρ Π΄ΡΡΠ³ Π½Π° Π΄ΡΡΠ³Π°):
Π ΠΏΡΠΈΠ½ΡΠΈΠΏΠ΅, Π΄ΠΎΠ²ΠΎΠ»ΡΠ½ΠΎ ΡΡΡΠ°Π½Π½ΠΎ, ΡΡΠΎ ΡΡΠ° Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ Π½Π΅ Π²ΡΡΡΠΎΠ΅Π½Π° ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ, Π° Π΄Π»Ρ Π΅Π΅ ΠΎΡΠΌΠ΅Π½Ρ ΠΌΠΎΠΆΠ½ΠΎ Π±ΡΠ»ΠΎ Π΄ΠΎΠΏΠΈΡΡΠ²Π°ΡΡ ΡΠΏΠ΅ΡΠΈΠ°Π»ΡΠ½ΡΠΉ ΠΊΠ»Π°ΡΡ. ΠΠΎ ΡΠ°Π·ΡΠ°Π±ΠΎΡΡΠΈΠΊΠ°ΠΌ Π²ΠΈΠ΄Π½Π΅Π΅. ΠΠ»Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ Π² CSS Π·Π°ΠΊΡΠΎΠΌΠ°Ρ ΠΡΡΡΡΡΠ°ΠΏΠ° ΠΈΠΌΠ΅Π΅ΡΡΡ Π΅ΡΠ΅ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ Π²Π°ΡΠΈΠ°Π½ΡΠΎΠ² ΠΈΡ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠΏΠ΅ΡΠΈΠ°Π»ΡΠ½ΡΡ ΠΊΠ»Π°ΡΡΠΎΠ²:
- ΠΠΎΠΆΠ½ΠΎ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ ΠΈΠ· ΠΏΡΡΠΌΠΎΡΠ³ΠΎΠ»ΡΠ½ΡΡ
Π΄Π΅Π»Π°ΡΡ ΠΊΡΡΠ³Π»ΡΠΌΠΈ. ΠΠ΅ ΡΠΊΡΡΠ³Π»ΡΡΡ ΡΠ³Π»Ρ (ΠΎΠ± ΡΡΠΎΠΌ ΡΡΡΡ Π½ΠΈΠΆΠ΅), Π° ΠΈΠΌΠ΅Π½Π½ΠΎ ΠΎΠΊΡΡΠ³Π»ΡΡΡ (ΠΈΠ· ΠΊΠ²Π°Π΄ΡΠ°ΡΠ° ΠΏΠΎΠ»ΡΡΠΈΡΡΡ Π² ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠ΅ ΠΊΡΡΠ³, Π° ΠΈΠ· ΠΏΡΡΠΌΠΎΡΠ³ΠΎΠ»ΡΠ½ΠΈΠΊΠ° β ΠΎΠ²Π°Π»). ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, ΡΠ°ΠΊΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ Π±ΡΠ»ΠΎ Π±Ρ Π΄ΠΎΠ²ΠΎΠ»ΡΠ½ΠΎ ΡΡΡΠ΅ΠΊΡΠ½ΠΎ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡ ΠΏΠΎΡΡΡΠ΅Ρ Π°Π²ΡΠΎΡΠ° ΡΡΠ°ΡΡΠΈ. ΠΠ»Ρ ΡΡΠΎΠ³ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ ΠΊΠ»Π°ΡΡ img-circle. ΠΠΎΠΆΠ½ΠΎ ΡΡΠΎΡ ΠΊΠ»Π°ΡΡ Π΄ΠΎΠΏΠΈΡΠ°ΡΡ ΠΏΡΡΠΌΠΎ Π² ΡΠΆΠ΅ ΡΡΡΠ΅ΡΡΠ²ΡΡΡΠΈΠΉ Ρ img-responsive (Π΅ΡΠ»ΠΈ ΠΎΠ½ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π΄Π»Ρ Π΄Π°Π½Π½ΠΎΠ³ΠΎ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ). ΠΡΠ³Π»ΡΠ΄Π΅ΡΡ ΠΏΠΎΠ΄ΠΎΠ±Π½ΠΎΠ΅ Π±Π΅Π·ΠΎΠ±ΡΠ°Π·ΠΈΠ΅ ΠΌΠΎΠΆΠ΅Ρ ΠΏΡΠΈΠΌΠ΅ΡΠ½ΠΎ ΡΠ°ΠΊ:
<img src="img/google-analytics-300x180.jpg" alt="">
- ΠΠΏΠΈΡΠ°Π½Π½ΡΠΉ Π²ΡΡΠ΅ ΠΊΠ»Π°ΡΡ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡΠΈΠΌΠ΅Π½ΡΡΡ Π΄Π°Π»Π΅ΠΊΠΎ Π½Π΅ ΠΊ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠ΅. ΠΠ°ΡΠΎ Π²ΠΎΡ ΠΎΠ±ΡΡΠ½ΠΎΠ΅ ΡΠΊΡΡΠ³Π»Π΅Π½ΠΈΠ΅ ΡΠ³Π»ΠΎΠ² ΠΌΠΎΠΆΠ΅Ρ ΠΎΠΊΠ°Π·Π°ΡΡΡΡ Π½Π΅ΠΏΠ»ΠΎΡ ΠΈΠΌ Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ΠΌ Π΄Π»Ρ ΠΌΠ½ΠΎΠ³ΠΈΡ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠΉ. ΠΠ΅Π»Π°Π΅ΡΡΡ ΡΡΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΡ ΠΊΠ»Π°ΡΡΠ° ΠΈΠ· Π°ΡΡΠ΅Π½Π°Π»Π° Bootstrap 3 ΠΏΠΎΠ΄ Π½Π°Π·Π²Π°Π½ΠΈΠ΅ΠΌ img-rounded. Π‘ΠΊΡΡΠ³Π»Π΅Π½ΠΈΠ΅ ΠΏΠΎΠ»ΡΡΠ°Π΅ΡΡΡ Π½Π΅ ΡΠΈΠ»ΡΠ½ΠΎ-ΡΠ°ΠΊΠΈ ΠΈ Π·Π°ΠΌΠ΅ΡΠ½ΡΠΌ, Π½ΠΎ ΡΠ°Π΄ΡΡΡΠΈΠΌ Π³Π»Π°Π·:
- ΠΡ ΠΈ, Π½Π°ΠΊΠΎΠ½Π΅Ρ, Π΄Π»Ρ Π½Π΅ΠΊΠΎΡΠΎΡΡΡ
ΠΊΠ°ΡΡΠΈΠ½ΠΎΠΊ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΡΡ
Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅, ΠΌΠΎΠΆΠ΅Ρ ΠΎΠΊΠ°Π·Π°ΡΡΡΡ ΡΠΌΠ΅ΡΡΠ½ΡΠΌ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΡΠ°ΠΌΠΊΡ. ΠΡΠΎΠ±Π΅Π½Π½ΠΎ ΡΡΡΠ΅ΠΊΡΠ½ΠΎ ΡΡΠΎ Π±ΡΠ΄Π΅Ρ ΡΠΌΠΎΡΡΠ΅ΡΡΡΡ Π½Π° ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡΡ
, ΡΠΎΠ½ ΠΊΠΎΡΠΎΡΡΡ
ΡΠΎΠ²ΠΏΠ°Π΄Π°Π΅Ρ Ρ ΡΠΎΠ½ΠΎΠΌ ΡΡΡΠ°Π½ΠΈΡΡ. ΠΠ»Ρ ΡΡΠΎΠΉ ΡΠ΅Π»ΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ ΠΊΠ»Π°ΡΡ img-thumbnail.
<img src="img/virtuemart-2-300x180.jpg" alt="">
ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΈΠ»ΠΈ Π½Π΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΏΠΎΡΠ»Π΅Π΄Π½ΠΈΠ΅ ΡΡΠΈ ΠΊΠ»Π°ΡΡΠ° ΡΠ΅ΡΠ°ΡΡ Π²Π°ΠΌ ΡΠ°ΠΌΠΈΠΌ, Π° Π²ΠΎΡ Π΄Π΅Π»Π°ΡΡ ΠΊΠ°ΡΡΠΈΠ½ΠΊΠΈ ΠΎΡΠ·ΡΠ²ΡΠΈΠ²ΡΠΌΠΈ (Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΡ img-responsive) Ρ Π±Ρ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄ΠΎΠ²Π°Π» Π² ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎΠΌ ΠΏΠΎΡΡΠ΄ΠΊΠ΅, Π΅ΡΠ»ΠΈ Ρ Π²Π°Ρ Π½Π΅Ρ ΠΊΠ°ΠΊΠΈΡ -Π»ΠΈΠ±ΠΎ Π²Π΅ΡΠΊΠΈΡ ΠΏΡΠΈΡΠΈΠ½ ΡΡΠΎΠ³ΠΎ Π½Π΅ Π΄Π΅Π»Π°ΡΡ.
ΠΠ° ΡΠ΅Π³ΠΎΠ΄Π½Ρ Π²ΡΠ΅. Π ΡΠ»Π΅Π΄ΡΡΡΠ΅ΠΉ ΡΡΠ°ΡΡΠ΅ ΠΌΡ ΠΏΠΎΠ³ΠΎΠ²ΠΎΡΠΈΠΌ Π·Π° Π³Π»ΠΈΡ-ΠΈΠΊΠΎΠ½ΠΊΠΈ, ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΠ΅ ΠΊΠ°ΡΡΠΈΠ½ΠΎΠΊ ΠΈΠ»ΠΈ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΡ Π±Π»ΠΎΠΊΠΎΠ² Π² Π²ΠΈΠ΄Π΅ Π³Π°Π»Π΅ΡΠ΅ΠΉ (ΠΏΡΠ΅Π²ΡΡΡΠ΅ΠΊ), ΠΏΡΠΎ ΡΠ°Π±ΠΎΡΡ Ρ ΡΠ°Π±Π»ΠΈΡΠ°ΠΌΠΈ, ΠΏΡΠΎ ΡΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΏΠ°Π½Π΅Π»Π΅ΠΉ, Π½Ρ ΠΈ Π΅ΡΠ΅ ΠΏΡΠΎ ΠΌΠ½ΠΎΠ³ΠΎΠ΅ Π΄ΡΡΠ³ΠΎΠ΅, Π½Π°ΡΠΊΠΎΠ»ΡΠΊΠΎ Ρ Π²Π°ΡΠΈΡ Π²ΡΠ΅ΠΌΠ΅Π½ΠΈ ΠΈ ΡΠΈΠ».
ΠΡΠΎΠ΄ΠΎΠ»ΠΆΠ΅Π½ΠΈΠ΅ ΡΠ»Π΅Π΄ΡΠ΅Ρ >>> (Π’ΡΡ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΠ΄ΠΏΠΈΡΠ°ΡΡΡΡ Π½Π° ΠΏΠΎΡΡΠΎΠ²ΡΡ ΡΠ°ΡΡΡΠ»ΠΊΡ Ρ Π°Π½ΠΎΠ½ΡΠ°ΠΌΠΈ Π½ΠΎΠ²ΡΡ ΡΡΠ°ΡΠ΅ΠΉ)
Π£Π΄Π°ΡΠΈ Π²Π°ΠΌ! ΠΠΎ ΡΠΊΠΎΡΡΡ Π²ΡΡΡΠ΅Ρ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ°Ρ Π±Π»ΠΎΠ³Π° KtoNaNovenkogo.ru
ΠΡΠΏΠΎΠ»ΡΠ·ΡΡ Π΄Π»Ρ Π·Π°ΡΠ°Π±ΠΎΡΠΊΠ°
ΠΠ·ΠΌΠ΅Π½ΠΈΡΡ ΡΠ²Π΅Ρ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΠΌΡΡΠΊΠΎΠΉ Π² css
Π§ΡΠΎΠ±Ρ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ Π·Π½Π°ΡΠΎΠΊ ΠΈ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΠΉ ΡΠ²Π΅Ρ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΠΊΡΡΡΠΎΡΠ° ΠΌΡΡΠΈ Π² ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ ΠΌΠ΅Π½Ρ
Π― ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ ΠΠ΅Π½Ρ Ρ ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½ΡΠ°ΠΌΠΈ Π·Π½Π°ΡΠΊΠΎΠ² Π² ΠΌΠΎΠ΅ΠΌ ΠΏΡΠΎΠ΅ΠΊΡΠ΅. ΠΠ° ΠΌΡΡΠΈ, Π½Π°Π²ΠΈΡΡΠΈΠ΅ Π½Π°Π΄ ΠΏΡΠ½ΠΊΡΠ°ΠΌΠΈ ΠΌΠ΅Π½Ρ (Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ: ΡΠ΅Π΄Π°ΠΊΡΠΈΡΠΎΠ²Π°ΡΡ), Ρ Ρ ΠΎΡΡ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΡΠ²Π΅Ρ ΡΠ΅ΠΊΡΡΠ° ΠΈ Π·Π½Π°ΡΠΊΠ°, ΡΡΠΎ-ΡΠΎ Π²ΡΠΎΠ΄Π΅ ΡΡΠΎΠ³ΠΎ.
ΠΠΎ Ρ ΠΌΠΎΠ³Ρ Π΄Π°ΡΡ ΡΠΎΠ»ΡΠΊΠΎ ΡΠΎΠ½ΠΎΠ²ΡΠΉ ΡΠ²Π΅Ρ ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΠΌΡΡΠΈ, Π½ΠΎ Π½Π΅ ΡΠΌΠΎΠ³ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΡΠ΅ΠΊΡΡΠΎΠ²ΡΠΉ ΡΠ²Π΅Ρ ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΠΌΡΡΠΈ.
Π― ΠΏΠΎΠΏΡΡΠ°Π»ΡΡ Π΄Π°ΡΡ ΡΠ²Π΅Ρ:! Important; ΡΠ°ΠΊΠΆΠ΅, ΠΏΠΎ-ΠΏΡΠ΅ΠΆΠ½Π΅ΠΌΡ Π½Π΅Ρ ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠ°.
ΠΠΎΡ ΡΡΡΠ»ΠΊΠ° stackblitz.
Π·Π°Π΄Π°Π½ Prashanth GH 17 ΡΠ΅Π½Ρ. β18 Π² 12:57
ΠΈΡΡΠΎΡΠ½ΠΈΠΊ ΠΏΠΎΠ΄Π΅Π»ΠΈΡΡΡΡΠΠ·ΠΌΠ΅Π½ΠΈΡΡ ΡΠ²Π΅Ρ ΡΠ΅ΠΊΡΡΠ° ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΠΊΡΡΡΠΎΡΠ°
Π ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ΅ WYSIWYG Web Builder Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΠΌΠΈ ΡΠΏΠΎΡΠΎΠ±Π°ΠΌΠΈ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΡΠ²Π΅Ρ Ρ ΡΠ΅ΠΊΡΡΠ° ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ Π½Π° Π½Π΅Π³ΠΎ ΠΊΡΡΡΠΎΡΠ° ΠΌΡΡΠΈ. ΠΠΈΠΆΠ΅ Π±ΡΠ΄Π΅Ρ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΎ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠ°ΠΊΠΈΡ Π²Π°ΡΠΈΠ°Π½ΡΠΎΠ² Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ ΠΏΡΠ΅Π²Π΄ΠΎΠΊΠ»Π°ΡΡΠ° hover.
ΠΡΠΈΠΌΠ΅Ρ ΡΠ΅ΠΊΡΡΠ°, ΠΈΠ·ΠΌΠ΅Π½ΡΡΡΠ΅Π³ΠΎ ΡΠ²ΠΎΠΉ ΡΠ²Π΅Ρ:
ΠΠ΅ΠΌΠΎ-ΠΏΡΠΈΠΌΠ΅Ρ: Π½Π°Π²Π΅Π΄ΠΈΡΠ΅ ΠΊΡΡΡΠΎΡ ΠΌΡΡΠΈ Π½Π° ΡΡΠΎΡ ΡΠ΅ΠΊΡΡ
Π HTML ΠΈΡΡ ΠΎΠ΄Π½ΠΈΠΊΠ΅ ΡΠ΅ΠΊΡΡΠ° Π²ΠΎ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ β ΠΠ΅ΡΠ΅Π΄ ΡΠ΅Π³ΠΎΠΌ β ΠΏΡΠΎΠΏΠΈΡΠ°ΡΡ:
#wb_uid2:hover {color:#FF0000;}
ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠΉ:
#wb_uid12 β ΡΡΠΎ id ΡΠ΅ΠΊΡΡΠ° (Π΅Π³ΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΠΎΡΠΌΠΎΡΡΠ΅ΡΡ Π² ΠΈΡΡ ΠΎΠ΄Π½ΠΎΠΌ ΠΊΠΎΠ΄Π΅ ΡΡΡΠ°Π½ΠΈΡΡ).
#FF0000 β ΡΡΠΎ ΡΠ²Π΅Ρ ΡΠ΅ΠΊΡΡΠ°, Π½Π° ΠΊΠΎΡΠΎΡΡΠΉ ΠΎΠ½ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡΡ ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΠΊΡΡΡΠΎΡΠ°.
ΠΡΠΎΡ ΡΠΏΠΎΡΠΎΠ± ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΠΈΡ Π΄Π»Ρ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ WYSIWYG Web Builder 11 / 12 Π²Π΅ΡΡΠΈΠΈ.
ΠΡΠΎΡΠΎΠΉ ΡΠΏΠΎΡΠΎΠ± Π΄Π»Ρ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ ΡΠ²Π΅ΡΠ° ΡΠ΅ΠΊΡΡΠ° ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΠΊΡΡΡΠΎΡΠ° ΠΌΡΡΠΈ, ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΠΈΡ Π΄Π»Ρ WYSIWYG Web Builder 10 / 11 / 12 Π²Π΅ΡΡΠΈΠΈ. ΠΠ΄Π΅ΡΡ Π±ΡΠ΄Π΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ id ΡΠ΅ΠΊΡΡΠ°, ΠΊΠΎΡΠΎΡΡΠΉ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠ°ΠΌΠΈ ΠΏΡΠΎΠΏΠΈΡΠ°ΡΡ, ΡΠ΅ΡΠ΅Π· ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ.
ΠΡΠΈΠΌΠ΅Ρ ΡΠ΅ΠΊΡΡΠ°, ΠΈΠ·ΠΌΠ΅Π½ΡΡΡΠ΅Π³ΠΎ ΡΠ²ΠΎΠΉ ΡΠ²Π΅Ρ:
ΠΠ΅ΠΌΠΎ-ΠΏΡΠΈΠΌΠ΅Ρ: Π½Π°Π²Π΅Π΄ΠΈΡΠ΅ ΠΊΡΡΡΠΎΡ ΠΌΡΡΠΈ Π½Π° ΡΡΠΎΡ ΡΠ΅ΠΊΡΡ
Π HTML ΠΈΡΡ ΠΎΠ΄Π½ΠΈΠΊΠ΅ ΡΠ΅ΠΊΡΡΠ° Π²ΠΎ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ β ΠΠ΅ΡΠ΅Π΄ ΡΠ΅Π³ΠΎΠΌ β ΠΏΡΠΎΠΏΠΈΡΠ°ΡΡ:
#wb_DemoPrimer2 > span:hover {color:#3A88AF !important;}
ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠΉ:
DemoPrimer2 β ΡΡΠΎ id ΡΠ΅ΠΊΡΡΠ°, ΠΊΠΎΡΠΎΡΡΠΉ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΡΠΎΠΏΠΈΡΠ°ΡΡ Π² ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ΅.
#3A88AF β ΡΡΠΎ ΡΠ²Π΅Ρ ΡΠ΅ΠΊΡΡΠ°, Π½Π° ΠΊΠΎΡΠΎΡΡΠΉ ΠΎΠ½ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡΡ ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΠΊΡΡΡΠΎΡΠ°.
ΠΡΠΎΡ ΡΠΏΠΎΡΠΎΠ± ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΠΈΡ Π΄Π»Ρ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ WYSIWYG Web Builder 10 / 11 / 12 Π²Π΅ΡΡΠΈΠΈ.
Π Π΄Π°Π½Π½ΠΎΠΌ ΡΠΏΠΎΡΠΎΠ±Π΅ ΡΠ²Π΅Ρ ΡΠ΅ΠΊΡΡΠ° Π±ΡΠ΄Π΅Ρ ΠΈΠ·ΠΌΠ΅Π½ΡΠ½ ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΠΊΡΡΡΠΎΡΠ° ΠΌΡΡΠΈ Π½Π° ΡΠ»ΠΎΠΉ Ρ ΡΠ΅ΠΊΡΡΠΎΠΌ. ΠΠ΄Π΅ΡΡ Π±ΡΠ΄Π΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ id ΡΠ»ΠΎΡ, ΠΊΠΎΡΠΎΡΡΠΉ Π²Ρ ΡΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΡΠΎΠΏΠΈΡΠ°ΡΡ, ΡΠ΅ΡΠ΅Π· ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΡ Π² ΠΊΠΎΠ½ΡΠ΅ΠΊΡΡΠ½ΠΎΠΌ ΠΌΠ΅Π½Ρ β Π‘ΠΌΠ΅Π½ΠΈΡΡ ID.
ΠΡΠΈΠΌΠ΅Ρ ΡΠ΅ΠΊΡΡΠ°, ΠΈΠ·ΠΌΠ΅Π½ΡΡΡΠ΅Π³ΠΎ ΡΠ²ΠΎΠΉ ΡΠ²Π΅Ρ Π² ΡΠ»ΠΎΠ΅:
ΠΠ΅ΠΌΠΎ-ΠΏΡΠΈΠΌΠ΅Ρ: Π½Π°Π²Π΅Π΄ΠΈΡΠ΅ ΠΊΡΡΡΠΎΡ ΠΌΡΡΠΈ Π½Π° ΡΡΠΎΡ ΡΠ»ΠΎΠΉ Ρ ΡΠ΅ΠΊΡΡΠΎΠΌ
Π HTML ΠΈΡΡ ΠΎΠ΄Π½ΠΈΠΊΠ΅ ΡΠ΅ΠΊΡΡΠ° Π²ΠΎ Π²ΠΊΠ»Π°Π΄ΠΊΠ΅ β ΠΠ΅ΡΠ΅Π΄ ΡΠ΅Π³ΠΎΠΌ β ΠΏΡΠΎΠΏΠΈΡΠ°ΡΡ:
#DemoPrimer3:hover span{color:#2BAECA !important;}
ΠΠΏΠΈΡΠ°Π½ΠΈΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠΉ:
DemoPrimer3 β ΡΡΠΎ id ΡΠ»ΠΎΡ, ΠΊΠΎΡΠΎΡΡΠΉ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΡΠΎΠΏΠΈΡΠ°ΡΡ Π² ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ΅.
#2BAECA β ΡΡΠΎ ΡΠ²Π΅Ρ ΡΠ΅ΠΊΡΡΠ°, Π½Π° ΠΊΠΎΡΠΎΡΡΠΉ ΠΎΠ½ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡΡ ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΠΊΡΡΡΠΎΡΠ°.
ΠΠ°Π½Π½ΡΠΉ ΡΠΏΠΎΡΠΎΠ± ΡΠ°Π±ΠΎΡΠ°Π΅Ρ Π² ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠ΅ WYSIWYG Web Builder 11 / 12 Π²Π΅ΡΡΠΈΠΈ.
ΠΠ°ΠΊ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ Π² ΡΠ°Π±Π»ΠΈΡΠ΅ ΡΠ²Π΅Ρ ΡΠΎΠ½Π° ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ Π½Π° Π½Π΅Ρ ΠΊΡΡΡΠΎΡΠ° ΠΌΡΡΠΈ
ΠΡΠ΅ΠΌ ΠΏΡΠΈΠ²Π΅Ρ! Π‘Π΅Π³ΠΎΠ΄Π½Ρ ΠΏΠΎΡΡΡΠΏΠΈΠ»Π° Π·Π°Π΄Π°ΡΠ° Π·Π°Π΄Π°ΡΡ ΡΠ²Π΅Ρ ΡΠΎΠ½Π° ΡΡΡΠΎΠΊΠΈ ΡΠ°Π±Π»ΠΈΡΡ ΠΈ ΡΠ²Π΅Ρ ΡΠ΅ΠΊΡΡΠ° ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ Π½Π° Π½Π΅Ρ ΠΊΡΡΡΠΎΡΠ° ΠΌΡΡΠΈ ΡΡΠ΅Π΄ΡΡΠ²Π°ΠΌΠΈ CSS. ΠΠΈΠ΄ ΡΠ°Π±Π»ΠΈΡΡ ΠΏΡΠΈ ΡΡΠΎΠΌ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΡΡΠ°ΡΡ Π±ΠΎΠ»Π΅Π΅ ΠΈΠ·ΡΡΠ½ΡΠΌ ΠΈ Π΄ΡΡΠΆΠ΅ΡΡΠ²Π΅Π½Π½ΡΠΌ ΠΊ ΠΏΠΎΡΠ΅ΡΠΈΡΠ΅Π»Ρ ΡΠ°ΠΉΡΠ°. ΠΡΠΎΠΌΠ΅ ΡΠΎΠ³ΠΎ ΡΠ°Π±ΠΎΡΠ° Ρ ΡΠ°Π±Π»ΠΈΡΠ΅ Π΄ΠΎΠ»ΠΆΠ½Π° Π±ΡΡΡ Π±ΠΎΠ»Π΅Π΅ ΠΊΠΎΠΌΡΠΎΡΡΠ½ΠΎΠΉ: ΠΏΠΎΡΠ΅ΡΠΈΡΠ΅Π»Ρ, ΠΏΡΠΎΡ ΠΎΠ΄ΡΡ ΠΌΡΡΡΡ ΠΏΠΎ ΡΠ°Π±Π»ΠΈΡΠ΅, ΠΌΠΎΠ³ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΠΎ ΠΊΠΎΠ½ΡΡΠΎΠ»ΠΈΡΠΎΠ²Π°ΡΡ Π½Π° ΠΊΠ°ΠΊΠΎΠΉ ΡΡΡΠΎΠΊΠ΅ ΠΎΠ½ ΡΠΎΠΊΡΡΠΈΡΡΠ΅Ρ ΡΠ²ΠΎΠΉ Π²Π·Π³Π»ΡΠ΄
Π Π΅ΡΠ΅Π½ΠΈΠ΅
Π‘ΡΠΈΠ»Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ Π½Π° Π½Π΅Π³ΠΎ ΠΊΡΡΡΠΎΡΠ° ΠΌΡΡΠΈ ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅ΡΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΏΡΠ΅Π²Π΄ΠΎΠΊΠ»Π°ΡΡΠ° :hover, ΠΎΠ½ Π΄ΠΎΠ±Π°Π²Π»ΡΠ΅ΡΡΡ ΠΊ Π½ΡΠΆΠ½ΠΎΠΌΡ ΡΠ΅Π»Π΅ΠΊΡΠΎΡΡ.
ΠΠ»Ρ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ ΡΡΠΈΠ»Ρ ΡΡΡΠΎΠΊΠΈ ΡΠ°Π±Π»ΠΈΡΡ, :hover ΡΠ»Π΅Π΄ΡΠ΅Ρ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΠΊ ΡΠ΅Π»Π΅ΠΊΡΠΎΡΡ tr, Π·Π°Π΄Π°Π² ΠΆΠ΅Π»Π°Π΅ΠΌΡΠΉ ΡΠ²Π΅Ρ ΡΠΎΠ½Π° ΡΠ΅ΡΠ΅Π· ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ background.
ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ:
tbody tr:hover { background-color: whitesmoke; }background-color: whitesmoke; |
ΠΡΠ»ΠΈ Π²Ρ Π½Π°ΡΠ»ΠΈ ΠΎΡΠΈΠ±ΠΊΡ, ΠΏΠΎΠΆΠ°Π»ΡΠΉΡΡΠ°, Π²ΡΠ΄Π΅Π»ΠΈΡΠ΅ ΡΡΠ°Π³ΠΌΠ΅Π½Ρ ΡΠ΅ΠΊΡΡΠ° ΠΈ Π½Π°ΠΆΠΌΠΈΡΠ΅ Ctrl+Enter.
ΠΠΎΠ½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΡΠ΅Π³Π° HTML 4.0
ΠΡΠΈΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΡΠΎΠ½Π° ΠΊ ΠΊΠ½ΠΎΠΏΠΊΠ΅
ΠΠ»Ρ Π΄ΠΎΡΠ°Π±ΠΎΡΠΊΠΈ ΡΠ°Π·Π»ΠΈΡΠΈΠ΅ ΠΌΠ΅ΠΆΠ΄Ρ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΎΠ±ΡΡΠ½ΠΎΠΉ ΡΠΎΡΠΌΡ ΠΈ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ HTML 4.0, ΠΌΡ Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΏΡΠΈΠ½ΡΠ΄ΠΈΡΠ΅Π»ΡΠ½ΠΎ Π½ΠΎΠ²Π°Ρ ΠΊΠ½ΠΎΠΏΠΊΠ°, ΡΡΠΎΠ±Ρ ΠΈΠ·Π±Π°Π²ΠΈΡΡΡΡ ΠΎΡ ΡΡΠΎΠ΄Π»ΠΈΠ²ΠΎΠ³ΠΎ ΡΠ΅ΡΠΎΠ³ΠΎ ΡΠΎΠ½Π°. ΠΡΠΎ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°ΡΡ Ρ Π½Π΅Π±ΠΎΠ»ΡΡΠΈΠΌ ΠΏΡΠΈΠΊΠΎΡΠ½ΠΎΠ²Π΅Π½ΠΈΠ΅ΠΌ ΠΊ CSS (ΠΊΠ°ΡΠΊΠ°Π΄Π½ΡΠ΅ ΡΠ°Π±Π»ΠΈΡΡ ΡΡΠΈΠ»Π΅ΠΉ), Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ ΠΏΡΠ°Π²ΠΈΠ»Π°:
ΠΠ°Π²Π°ΠΉΡΠ΅ Π½Π°ΡΠ½Π΅ΠΌ ΠΏΡΠ΅ΠΎΠ±ΡΠ°Π·ΠΎΠ²Π°Π½ΠΈΠ΅, Π»Π°Π΄Π½ΠΎ?
Π‘ΠΏΠ°ΡΠΈΡΠ΅ Π½Π°ΡΡ ΠΏΠ»Π°Π½Π΅ΡΡ!
ΠΠΎΠ΄ Π²ΠΎΠ΄ΠΎΠΉ
Π€ΠΎΠ½ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ Π΄Π°ΠΆΠ΅ ΠΏΡΠΎΠ·ΡΠ°ΡΠ½ΡΠΌ, ΡΠΊΠ°Π·Π°Π½ΠΈΠ΅ ΡΠ²Π΅ΡΠ° ΡΠΎΠ½Π° Π² ΠΎΠ±ΡΡΠ²Π»Π΅Π½ΠΈΠΈ ΡΡΠΈΠ»Ρ Π½Π° Β«ΠΏΡΠΎΠ·ΡΠ°ΡΠ½ΡΠΉΒ»:
ΠΡΠΎΠ·ΡΠ°ΡΠ½ΡΠΉ ΡΠΎΠ½!
Π£ΠΏΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ ΡΠΈΡΠΈΠ½ΠΎΠΉ / Π²ΡΡΠΎΡΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ
ΠΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ ΡΠ°Π·ΠΌΠ΅ΡΡ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ ΡΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°ΡΡΡΡ ΡΠ°Π²Π½ΡΠΌΠΈ ΡΠ°Π·ΠΌΠ΅ΡΡ, Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΡΠ΅ Π΄Π»Ρ ΡΠ°Π·ΠΌΠ΅ΡΠ΅Π½ΠΈΡ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ Π²Π½ΡΡΡΠΈ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ.Π§Π°ΡΡΠΎ Π±ΡΠ²Π°Π΅Ρ, ΡΡΠΎ Π²Ρ Π·Π°Ρ ΠΎΡΠΈΡΠ΅ Π²ΡΡΡΠ½ΡΡ ΡΠΏΡΠ°Π²Π»ΡΡΡ ΡΡΠΈΠΌ ΡΠ°Π·ΠΌΠ΅ΡΠΎΠΌ, ΡΡΠΎΠ±Ρ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΠΎΠ²Π°ΡΡ Π²Π°ΡΠ΅ΠΌΡ Π΄ΠΈΠ·Π°ΠΉΠ½Ρ. ΠΡΠΏΠΎΠ»ΡΠ·ΡΡ Π΄ΡΡΠ³ΠΎΠ΅ ΠΎΠ±ΡΡΠ²Π»Π΅Π½ΠΈΠ΅ CSS, Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅. Π§ΡΠΎΠ±Ρ ΠΊΠΎΠ½ΡΡΠΎΠ»ΠΈΡΠΎΠ²Π°ΡΡ ΡΠΈΡΠΈΠ½Ρ / Π²ΡΡΠΎΡΡ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ ΡΠ»Π΅Π΄ΡΡΡΠ΅Π΅ ΠΎΠ±ΡΡΠ²Π»Π΅Π½ΠΈΠ΅ ΡΡΠΈΠ»Ρ:
ΠΠ°Π²Π°ΠΉΡΠ΅ ΡΠΎΠ·Π΄Π°Π΄ΠΈΠΌ ΡΠ΅ΡΠΈΡ ΠΈΠ΄Π΅Π°Π»ΡΠ½ΠΎ ΠΏΡΡΠΌΠΎΡΠ³ΠΎΠ»ΡΠ½ΡΡ ΠΊΠ½ΠΎΠΏΠΎΠΊ, Π° Π·Π°ΡΠ΅ΠΌ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ Π²ΡΡΠ΅ΡΠΊΠ°Π·Π°Π½Π½ΡΠ΅ Π·Π½Π°Π½ΠΈΡ:
H Ρ !
ΠΡΠΈΠΌΠ΅Ρ β ΠΈΠΌΠΈΡΠ°ΡΠΈΡ ΠΊΠ½ΠΎΠΏΠΎΠΊ Π±ΡΠ°ΡΠ·Π΅ΡΠ° Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ ΡΠ΅Π³Π°
Bulma: ΠΠ΅ΡΠΏΠ»Π°ΡΠ½Π°Ρ ΡΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½Π°Ρ CSS-ΡΡΠ΅ΠΉΠΌΠ²ΠΎΡΠΊ Ρ ΠΎΡΠΊΡΡΡΡΠΌ ΠΈΡΡ ΠΎΠ΄Π½ΡΠΌ ΠΊΠΎΠ΄ΠΎΠΌ Π½Π° ΠΎΡΠ½ΠΎΠ²Π΅ Flexbox
.ΠΠ½ΠΎΠΏΠΊΠ° β Π½Π΅ΠΎΡΡΠ΅ΠΌΠ»Π΅ΠΌΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ Π»ΡΠ±ΠΎΠ³ΠΎ Π΄ΠΈΠ·Π°ΠΉΠ½Π°.ΠΠ½ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π²ΡΠ³Π»ΡΠ΄Π΅ΡΡ ΠΈ Π²Π΅ΡΡΠΈ ΡΠ΅Π±Ρ ΠΊΠ°ΠΊ ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ Π²Π°ΡΠ΅ΠΉ ΡΡΡΠ°Π½ΠΈΡΡ.
HTML
ΠΠ½ΠΎΠΏΠΊΠ° ΠΠ»Π°ΡΡ
ΠΌΠΎΠΆΠ΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡΡΡ Π½Π°:
ΠΏΡΠΈΠ²ΡΠ·ΠΊΠ°
Π¦Π²Π΅ΡΠ° #
ΠΠ½ΠΎΠΏΠΊΠ° Π΄ΠΎΡΡΡΠΏΠ½Π° Π²ΠΎ Π²ΡΠ΅Ρ
ΡΠ°Π·Π»ΠΈΡΠ½ΡΡ
ΡΠ²Π΅ΡΠ°Ρ
, ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΡΡ
Π² ΠΊΠ°ΡΡΠ΅ Sass $ colors
.
ΠΡΠΈΠΌΠ΅Ρ
Π±Π΅Π»ΡΠΉ Π‘Π²Π΅Ρ Π’ΡΠΌΠ° Π§Π΅ΡΠ½ΠΈΡΡ Π’Π΅ΠΊΡΡ ΠΡΠΈΠ·ΡΠ°ΠΊ
HTML
ΠΡΠΈΠΌΠ΅Ρ
ΠΠ°ΡΠ°Π»ΡΠ½ΡΠΉ Π‘Π²ΡΠ·Ρ
ΠΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ Π£ΡΠΏΠ΅Ρ ΠΡΠ΅Π΄ΡΠΏΡΠ΅ΠΆΠ΄Π΅Π½ΠΈΠ΅ ΠΠΏΠ°ΡΠ½ΠΎΡΡΡ
HTML
Π’Π΅ΠΏΠ΅ΡΡ ΠΊΠ°ΠΆΠ΄ΡΠΉ ΡΠ²Π΅Ρ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ Π² ΡΠ²ΠΎΠ΅ΠΉ ΡΠ²Π΅ΡΠ»ΠΎΠΉ Π²Π΅ΡΡΠΈΠΈ .ΠΡΠΎΡΡΠΎ Π΄ΠΎΠ±Π°Π²ΡΡΠ΅ ΠΌΠΎΠ΄ΠΈΡΠΈΠΊΠ°ΡΠΎΡ is-light
ΠΊ ΠΌΠΎΠ΄ΠΈΡΠΈΠΊΠ°ΡΠΎΡΡ ΡΠ²Π΅ΡΠ°, ΡΡΠΎΠ±Ρ ΠΏΡΠΈΠΌΠ΅Π½ΠΈΡΡ ΠΎΠ±Π»Π΅Π³ΡΠ΅Π½Π½ΡΡ Π²Π΅ΡΡΠΈΡ ΠΊΠ½ΠΎΠΏΠΊΠΈ.
ΠΡΠΈΠΌΠ΅Ρ
ΠΠ°ΡΠ°Π»ΡΠ½ΡΠΉ Π‘Π²ΡΠ·Ρ
ΠΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ Π£ΡΠΏΠ΅Ρ ΠΡΠ΅Π΄ΡΠΏΡΠ΅ΠΆΠ΄Π΅Π½ΠΈΠ΅ ΠΠΏΠ°ΡΠ½ΠΎΡΡΡ
HTML
Π Π°Π·ΠΌΠ΅ΡΡ #
ΠΠ½ΠΎΠΏΠΊΠ° Π΄ΠΎΡΡΡΠΏΠ½Π° Π² 4 ΡΠ°Π·Π½ΡΡ ΡΠ°Π·ΠΌΠ΅ΡΠ°Ρ :
- ΠΌΠ°Π»Π΅Π½ΡΠΊΠΈΠΉ
- Π½ΠΎΡΠΌΠ°Π»ΡΠ½ΡΠΉ
- ΡΡΠ΅Π΄Π½ΠΈΠΉ
- Π±ΠΎΠ»ΡΡΠΎΠΉ
Π₯ΠΎΡΡ ΡΠ°Π·ΠΌΠ΅Ρ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ β , Π½ΠΎΡΠΌΠ°Π»ΡΠ½ΡΠΉ, , ΠΌΠΎΠ΄ΠΈΡΠΈΠΊΠ°ΡΠΎΡ is-normal
ΡΡΡΠ΅ΡΡΠ²ΡΠ΅Ρ Π½Π° ΡΠΎΡ ΡΠ»ΡΡΠ°ΠΉ, Π΅ΡΠ»ΠΈ Π²Π°ΠΌ Π½ΡΠΆΠ½ΠΎ ΡΠ±ΡΠΎΡΠΈΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ Π΄ΠΎ Π½ΠΎΡΠΌΠ°Π»ΡΠ½ΠΎΠ³ΠΎ ΡΠ°Π·ΠΌΠ΅ΡΠ°.
ΠΡΠΈΠΌΠ΅Ρ
ΠΠ°Π»Π΅Π½ΡΠΊΠΈΠΉ ΠΠ΅ΡΠΎΠ»Ρ ΠΠΎΡΠΌΠ°Π»ΡΠ½ΡΠΉ Π‘Π΅ΡΠ΅Π΄ΠΈΠ½Π° ΠΠΎΠ»ΡΡΠΎΠΉ
HTML
ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΡΠ°Π·ΠΌΠ΅Ρ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΡ
ΠΊΠ½ΠΎΠΏΠΎΠΊ ΠΎΠ΄Π½ΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΠΎ, Π·Π°ΠΊΠ»ΡΡΠΈΠ² ΠΈΡ
Π² ΡΠΎΠ΄ΠΈΡΠ΅Π»ΡΡΠΊΠΈΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ buttons
ΠΈ ΠΏΡΠΈΠΌΠ΅Π½ΠΈΠ² ΠΎΠ΄ΠΈΠ½ ΠΈΠ· 3 ΠΌΠΎΠ΄ΠΈΡΠΈΠΊΠ°ΡΠΎΡΠΎΠ²:
-
ΠΏΡΠ³ΠΎΠ²ΠΈΡΡ ΠΌΠ°Π»Π΅Π½ΡΠΊΠΈΠ΅
-
ΠΏΡΠ³ΠΎΠ²ΠΈΡΡ ΡΡΠ΅Π΄Π½ΠΈΠ΅
-
ΠΏΡΠ³ΠΎΠ²ΠΈΡΡ Π±ΠΎΠ»ΡΡΠΈΠ΅
HTML
ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΡΠ°Π·ΠΌΠ΅Ρ ΡΠΎΠ»ΡΠΊΠΎ ΠΏΠΎΠ΄ΠΌΠ½ΠΎΠΆΠ΅ΡΡΠ²Π° ΠΊΠ½ΠΎΠΏΠΎΠΊ , ΠΏΡΠΎΡΡΠΎ ΠΏΡΠΈΠΌΠ΅Π½ΠΈΠ² ΠΊ Π½ΠΈΠΌ ΠΊΠ»Π°ΡΡ-ΠΌΠΎΠ΄ΠΈΡΠΈΠΊΠ°ΡΠΎΡ.
ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, Π΅ΡΠ»ΠΈ Π²Ρ Ρ
ΠΎΡΠΈΡΠ΅, ΡΡΠΎΠ±Ρ Π²ΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π±ΡΠ»ΠΈ ΠΌΠ°Π»Π΅Π½ΡΠΊΠΈΠΌΠΈ , Π½ΠΎ ΠΏΡΠΈ ΡΡΠΎΠΌ ΠΎΠ΄Π½Π° ΠΈΠ· Π½ΠΈΡ
Π²ΡΠ΅ Π΅ΡΠ΅ ΠΈΠΌΠ΅Π΅Ρ ΡΠ°Π·ΠΌΠ΅Ρ Π½ΠΎΡΠΌΠ°Π»ΡΠ½ΠΎΠ³ΠΎ ΡΠ°Π·ΠΌΠ΅ΡΠ° , ΠΏΡΠΎΡΡΠΎ Π²ΡΠΏΠΎΠ»Π½ΠΈΡΠ΅ ΡΠ»Π΅Π΄ΡΡΡΠΈΠ΅ Π΄Π΅ΠΉΡΡΠ²ΠΈΡ:
ΠΡΠΈΠΌΠ΅Ρ
ΠΠ°Π»Π΅Π½ΡΠΊΠΈΠΉ ΠΠ°Π»Π΅Π½ΡΠΊΠΈΠΉ ΠΠ°Π»Π΅Π½ΡΠΊΠΈΠΉ ΠΠΎΡΠΌΠ°Π»ΡΠ½ΡΠΉ ΠΠ°Π»Π΅Π½ΡΠΊΠΈΠΉ
HTML
ΠΠΈΡΠΏΠ»Π΅ΠΈ #
ΠΡΠΈΠΌΠ΅Ρ
ΠΠ°Π»Π΅Π½ΡΠΊΠΈΠΉ ΠΠΎΡΠΌΠ°Π»ΡΠ½ΡΠΉ Π‘Π΅ΡΠ΅Π΄ΠΈΠ½Π° ΠΠΎΠ»ΡΡΠΎΠΉ
HTML
Π‘ΡΠΈΠ»ΠΈ #
ΠΠ±ΡΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ
ΠΡΠΈΠΌΠ΅Ρ
ΠΠ±ΡΠΈΡΠΎΠ²Π°Π» Π² ΠΎΠ±ΡΠΈΡ ΡΠ΅ΡΡΠ°Ρ ΠΠ±ΡΠΈΡΠΎΠ²Π°Π» Π² ΠΎΠ±ΡΠΈΡ ΡΠ΅ΡΡΠ°Ρ ΠΠ±ΡΠΈΡΠΎΠ²Π°Π» Π² ΠΎΠ±ΡΠΈΡ ΡΠ΅ΡΡΠ°Ρ ΠΠ±ΡΠΈΡΠΎΠ²Π°Π» Π² ΠΎΠ±ΡΠΈΡ ΡΠ΅ΡΡΠ°Ρ ΠΠ±ΡΠΈΡΠΎΠ²Π°Π» Π² ΠΎΠ±ΡΠΈΡ ΡΠ΅ΡΡΠ°Ρ ΠΠ±ΡΠΈΡΠΎΠ²Π°Π» Π² ΠΎΠ±ΡΠΈΡ ΡΠ΅ΡΡΠ°Ρ
HTML
ΠΠ½Π²Π΅ΡΡΠΈΡΠΎΠ²Π°Π½Π½ΡΠΉ (ΡΠ²Π΅Ρ ΡΠ΅ΠΊΡΡΠ° ΡΡΠ°Π½ΠΎΠ²ΠΈΡΡΡ ΡΠ²Π΅ΡΠΎΠΌ ΡΠΎΠ½Π°, ΠΈ Π½Π°ΠΎΠ±ΠΎΡΠΎΡ)
ΠΠ΅ΡΠ΅Π²Π΅ΡΠ½ΡΡΡΠΉ ΠΠ΅ΡΠ΅Π²Π΅ΡΠ½ΡΡΡΠΉ ΠΠ΅ΡΠ΅Π²Π΅ΡΠ½ΡΡΡΠΉ ΠΠ΅ΡΠ΅Π²Π΅ΡΠ½ΡΡΡΠΉ ΠΠ΅ΡΠ΅Π²Π΅ΡΠ½ΡΡΡΠΉ
ΠΠ½Π²Π΅ΡΡΠΈΡΠΎΠ²Π°ΡΡ ΠΊΠΎΠ½ΡΡΡ (ΠΈΠ½Π²Π΅ΡΡΠΈΡΠΎΠ²Π°ΡΡ ΡΠ²Π΅Ρ ΡΡΠ°Π½ΠΎΠ²ΠΈΡΡΡ ΡΠ²Π΅ΡΠΎΠΌ ΡΠ΅ΠΊΡΡΠ° ΠΈ Π³ΡΠ°Π½ΠΈΡΡ)
ΠΠ½Π²Π΅ΡΡΠΈΡΠΎΠ²Π°ΡΡ ΠΊΠΎΠ½ΡΡΡ ΠΠ½Π²Π΅ΡΡΠΈΡΠΎΠ²Π°ΡΡ ΠΊΠΎΠ½ΡΡΡ ΠΠ½Π²Π΅ΡΡΠΈΡΠΎΠ²Π°ΡΡ ΠΊΠΎΠ½ΡΡΡ ΠΠ½Π²Π΅ΡΡΠΈΡΠΎΠ²Π°ΡΡ ΠΊΠΎΠ½ΡΡΡ ΠΠ½Π²Π΅ΡΡΠΈΡΠΎΠ²Π°ΡΡ ΠΊΠΎΠ½ΡΡΡ
ΠΡΠ³ΠΎΠ²ΠΈΡΡ Ρ Π·Π°ΠΊΡΡΠ³Π»Π΅Π½Π½ΡΠΌΠΈ ΠΊΡΠ°ΡΠΌΠΈ
ΠΠ°ΠΊΡΡΠ³Π»Π΅Π½Π½ΡΠΉ ΠΠ°ΠΊΡΡΠ³Π»Π΅Π½Π½ΡΠΉ ΠΠ°ΠΊΡΡΠ³Π»Π΅Π½Π½ΡΠΉ ΠΠ°ΠΊΡΡΠ³Π»Π΅Π½Π½ΡΠΉ ΠΠ°ΠΊΡΡΠ³Π»Π΅Π½Π½ΡΠΉ ΠΠ°ΠΊΡΡΠ³Π»Π΅Π½Π½ΡΠΉ
ΡΠΎΡΡΠΎΡΠ½ΠΈΡ #
Bulma ΡΡΠΈΠ»ΠΈΠ·ΡΠ΅Ρ ΡΠ°Π·Π»ΠΈΡΠ½ΡΠ΅ ΡΠΎΡΡΠΎΡΠ½ΠΈΡ ΡΠ²ΠΎΠΈΡ ΠΊΠ½ΠΎΠΏΠΎΠΊ.ΠΠ°ΠΆΠ΄ΠΎΠ΅ ΡΠΎΡΡΠΎΡΠ½ΠΈΠ΅ Π΄ΠΎΡΡΡΠΏΠ½ΠΎ ΠΊΠ°ΠΊ ΠΏΡΠ΅Π²Π΄ΠΎΠΊΠ»Π°ΡΡ ΠΈ ΠΊΠ»Π°ΡΡ CSS:
-
: Π·Π°Π²ΠΈΡΠ°Π΅Ρ
ΠΈΠ·Π°Π²ΠΈΡΠ°Π΅Ρ
-
: ΡΠΎΠΊΡΡ
ΠΈΡΡΠΎΠΊΡΡΠΈΡΠΎΠ²Π°Π½
-
: Π°ΠΊΡΠΈΠ²Π½ΡΠΉ
ΠΈΠ°ΠΊΡΠΈΠ²Π½ΡΠΉ
ΠΡΠΎ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ Π²Π°ΠΌ ΠΏΠΎΠ»ΡΡΠΈΡΡ ΡΡΠΈΠ»Ρ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΠΎΠ³ΠΎ ΡΠΎΡΡΠΎΡΠ½ΠΈΡ, Π½Π΅ Π²ΡΠ·ΡΠ²Π°Ρ Π΅Π³ΠΎ.
ΠΠΎΡΠΌΠ°Π»ΡΠ½ΡΠΉ
ΠΡΠΈΠΌΠ΅Ρ
ΠΠΎΡΠΌΠ°Π»ΡΠ½ΡΠΉ ΠΠΎΡΠΌΠ°Π»ΡΠ½ΡΠΉ ΠΠΎΡΠΌΠ°Π»ΡΠ½ΡΠΉ ΠΠΎΡΠΌΠ°Π»ΡΠ½ΡΠΉ ΠΠΎΡΠΌΠ°Π»ΡΠ½ΡΠΉ ΠΠΎΡΠΌΠ°Π»ΡΠ½ΡΠΉ ΠΠΎΡΠΌΠ°Π»ΡΠ½ΡΠΉ
HTML
Π₯ΠΎΠ²Π΅Ρ
ΠΡΠΈΠΌΠ΅Ρ
ΠΠ°ΡΠ΅Π½ΠΈΠ΅ ΠΠ°ΡΠ΅Π½ΠΈΠ΅ ΠΠ°ΡΠ΅Π½ΠΈΠ΅ ΠΠ°ΡΠ΅Π½ΠΈΠ΅ ΠΠ°ΡΠ΅Π½ΠΈΠ΅ ΠΠ°ΡΠ΅Π½ΠΈΠ΅ ΠΠ°ΡΠ΅Π½ΠΈΠ΅
HTML
Π€ΠΎΠΊΡΡ
ΠΡΠΈΠΌΠ΅Ρ
Π€ΠΎΠΊΡΡ Π€ΠΎΠΊΡΡ Π€ΠΎΠΊΡΡ Π€ΠΎΠΊΡΡ Π€ΠΎΠΊΡΡ Π€ΠΎΠΊΡΡ Π€ΠΎΠΊΡΡ
HTML
ΠΠΊΡΠΈΠ²Π½ΡΠΉ
ΠΡΠΈΠΌΠ΅Ρ
ΠΠΊΡΠΈΠ²Π½ΡΠΉ ΠΠΊΡΠΈΠ²Π½ΡΠΉ ΠΠΊΡΠΈΠ²Π½ΡΠΉ ΠΠΊΡΠΈΠ²Π½ΡΠΉ ΠΠΊΡΠΈΠ²Π½ΡΠΉ ΠΠΊΡΠΈΠ²Π½ΡΠΉ ΠΠΊΡΠΈΠ²Π½ΡΠΉ
HTML
ΠΠΎΠ³ΡΡΠ·ΠΊΠ°
ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΎΡΠ΅Π½Ρ Π»Π΅Π³ΠΊΠΎ ΠΏΡΠ΅Π²ΡΠ°ΡΠΈΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ Π² Π΅Π΅ , Π·Π°Π³ΡΡΠΆΠ°ΡΡΡΡ Π²Π΅ΡΡΠΈΡ , Π΄ΠΎΠ±Π°Π²ΠΈΠ² ΠΌΠΎΠ΄ΠΈΡΠΈΠΊΠ°ΡΠΎΡ is-loading
.ΠΠ°ΠΌ Π΄Π°ΠΆΠ΅ Π½Π΅ Π½ΡΠΆΠ½ΠΎ ΡΠ΄Π°Π»ΡΡΡ Π²Π½ΡΡΡΠ΅Π½Π½ΠΈΠΉ ΡΠ΅ΠΊΡΡ, ΡΡΠΎ ΠΏΠΎΠ·Π²ΠΎΠ»ΡΠ΅Ρ ΠΊΠ½ΠΎΠΏΠΊΠ΅ ΡΠΎΡ
ΡΠ°Π½ΡΡΡ ΠΈΡΡ
ΠΎΠ΄Π½ΡΠΉ ΡΠ°Π·ΠΌΠ΅Ρ ΠΌΠ΅ΠΆΠ΄Ρ ΡΠΎΡΡΠΎΡΠ½ΠΈΡΠΌΠΈ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ ΠΈ ΡΠΎΡΡΠΎΡΠ½ΠΈΡΠΌΠΈ Π·Π°Π³ΡΡΠ·ΠΊΠΈ.
ΠΠ°Π³ΡΡΠ·ΠΊΠ° ΠΠ°Π³ΡΡΠ·ΠΊΠ° ΠΠ°Π³ΡΡΠ·ΠΊΠ° ΠΠ°Π³ΡΡΠ·ΠΊΠ° ΠΠ°Π³ΡΡΠ·ΠΊΠ° ΠΠ°Π³ΡΡΠ·ΠΊΠ° ΠΠ°Π³ΡΡΠ·ΠΊΠ°
ΠΠΎΡΠΊΠΎΠ»ΡΠΊΡ ΡΡΠ΅ΡΡΠΈΠΊ Π·Π°Π³ΡΡΠ·ΠΊΠΈ ΡΠ΅Π°Π»ΠΈΠ·ΠΎΠ²Π°Π½ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ ΠΏΡΠ΅Π²Π΄ΠΎΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° :: after
, ΠΎΠ½ Π½Π΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅ΡΡΡ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠΌ
. ΠΠΌΠ΅ΡΡΠΎ ΡΡΠΎΠ³ΠΎ ΡΠ°ΡΡΠΌΠΎΡΡΠΈΡΠ΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ
Π‘ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΠΉ
ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠΎΠ·Π΄Π°ΡΡ Π½Π΅ΠΈΠ½ΡΠ΅ΡΠ°ΠΊΡΠΈΠ²Π½ΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΌΠΎΠ΄ΠΈΡΠΈΠΊΠ°ΡΠΎΡΠ° is-static
. ΠΡΠΎ ΠΏΠΎΠ»Π΅Π·Π½ΠΎ Π΄Π»Ρ Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΡ ΡΠ΅ΠΊΡΡΠΎΠ²ΠΎΠΉ ΠΌΠ΅ΡΠΊΠΈ Ρ Π²Π²ΠΎΠ΄ΠΎΠΌ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, ΠΏΡΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠΈ Π½Π°Π΄ΡΡΡΠΎΠ΅ΠΊ ΡΠΎΡΠΌ.
Π‘ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈΠΉ
ΠΡΠΊΠ»ΡΡΠ΅Π½ΠΎ
Bulma ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°Π΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ Π»ΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΎΠ³ΠΎ HTML-Π°ΡΡΠΈΠ±ΡΡΠ° disabled
, ΠΊΠΎΡΠΎΡΡΠΉ Π·Π°ΠΏΡΠ΅ΡΠ°Π΅Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ Π²Π·Π°ΠΈΠΌΠΎΠ΄Π΅ΠΉΡΡΠ²ΠΎΠ²Π°ΡΡ Ρ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ.
ΠΠ΅ΠΏΠΎΠ»Π½ΠΎΡΠ΅Π½Π½ΡΠΉ ΠΠ΅ΠΏΠΎΠ»Π½ΠΎΡΠ΅Π½Π½ΡΠΉ ΠΠ΅ΠΏΠΎΠ»Π½ΠΎΡΠ΅Π½Π½ΡΠΉ ΠΠ΅ΠΏΠΎΠ»Π½ΠΎΡΠ΅Π½Π½ΡΠΉ ΠΠ΅ΠΏΠΎΠ»Π½ΠΎΡΠ΅Π½Π½ΡΠΉ ΠΠ΅ΠΏΠΎΠ»Π½ΠΎΡΠ΅Π½Π½ΡΠΉ ΠΠ΅ΠΏΠΎΠ»Π½ΠΎΡΠ΅Π½Π½ΡΠΉ
ΠΠ»Π°ΡΡ is-disabled
CSS ΡΡΡΠ°ΡΠ΅Π» Π² ΠΏΠΎΠ»ΡΠ·Ρ HTML-Π°ΡΡΠΈΠ±ΡΡΠ° disabled
.Π£Π·Π½Π°ΡΡ Π±ΠΎΠ»ΡΡΠ΅
Ρ ΠΈΠΊΠΎΠ½ΠΊΠ°ΠΌΠΈ Font Awesome
ΠΠ½ΠΎΠΏΠΊΠΈ Bulma ΠΌΠΎΠΆΠ½ΠΎ Π»Π΅Π³ΠΊΠΎ ΡΠ»ΡΡΡΠΈΡΡ, Π΄ΠΎΠ±Π°Π²ΠΈΠ² Π·Π½Π°ΡΠΎΠΊ Font Awesome .ΠΠ»Ρ Π΄ΠΎΡΡΠΈΠΆΠ΅Π½ΠΈΡ Π½Π°ΠΈΠ»ΡΡΡΠΈΡ
ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠΎΠ² ΠΎΠ±Π΅ΡΠ½ΠΈΡΠ΅ Π²Π½ΡΡΡΠ΅Π½Π½ΠΈΠΉ ΡΠ΅ΠΊΡΡ Π² ΠΎΡΠ΄Π΅Π»ΡΠ½ΡΠΉ ΡΠ»Π΅ΠΌΠ΅Π½Ρ
.
ΠΡΠΈΠΌΠ΅Ρ
GitHub @jgthms Π‘ΠΎΡ ΡΠ°Π½ΡΡΡ Π£Π΄Π°Π»ΠΈΡΡ
GitHub GitHub GitHub GitHub
HTML
<ΠΊΠ½ΠΎΠΏΠΊΠ°>
<ΠΊΠ½ΠΎΠΏΠΊΠ°>
<ΠΊΠ½ΠΎΠΏΠΊΠ°>
<ΠΊΠ½ΠΎΠΏΠΊΠ°>
GitHub
<ΠΊΠ½ΠΎΠΏΠΊΠ°>
@jgthms
<ΠΊΠ½ΠΎΠΏΠΊΠ°>
Π‘ΠΎΡ
ΡΠ°Π½ΠΈΡΡ
<ΠΊΠ½ΠΎΠΏΠΊΠ°>
Π£Π΄Π°Π»ΠΈΡΡ
<ΠΊΠ½ΠΎΠΏΠΊΠ°>
GitHub
<ΠΊΠ½ΠΎΠΏΠΊΠ°>
GitHub
<ΠΊΠ½ΠΎΠΏΠΊΠ°>
GitHub
<ΠΊΠ½ΠΎΠΏΠΊΠ°>
GitHub
ΠΡΠ»ΠΈ ΠΊΠ½ΠΎΠΏΠΊΠ° ΡΠΎΠ΄Π΅ΡΠΆΠΈΡ ΡΠΎΠ»ΡΠΊΠΎ Π·Π½Π°ΡΠΎΠΊ, Bulma Π±ΡΠ΄Π΅Ρ ΡΠ»Π΅Π΄ΠΈΡΡ Π·Π° ΡΠ΅ΠΌ, ΡΡΠΎΠ±Ρ ΠΊΠ½ΠΎΠΏΠΊΠ° ΠΎΡΡΠ°Π²Π°Π»Π°ΡΡ ΠΊΠ²Π°Π΄ΡΠ°ΡΠ½ΠΎΠΉ , Π½Π΅Π·Π°Π²ΠΈΡΠΈΠΌΠΎ ΠΎΡ ΡΠ°Π·ΠΌΠ΅ΡΠ° ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΈΠ»ΠΈ Π·Π½Π°ΡΠΊΠ°.
<ΠΊΠ½ΠΎΠΏΠΊΠ°>
<ΠΊΠ½ΠΎΠΏΠΊΠ°>
<ΠΊΠ½ΠΎΠΏΠΊΠ°>
<ΠΊΠ½ΠΎΠΏΠΊΠ°>
<ΠΊΠ½ΠΎΠΏΠΊΠ°>
<ΠΊΠ½ΠΎΠΏΠΊΠ°>
<ΠΊΠ½ΠΎΠΏΠΊΠ°>
<ΠΊΠ½ΠΎΠΏΠΊΠ°>
<ΠΊΠ½ΠΎΠΏΠΊΠ°>
ΠΡΡΠΏΠΏΠ° ΠΊΠ½ΠΎΠΏΠΎΠΊ #
ΠΡΠ»ΠΈ Π²Ρ Ρ
ΠΎΡΠΈΡΠ΅ ΡΠ³ΡΡΠΏΠΏΠΈΡΠΎΠ²Π°ΡΡ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π²ΠΌΠ΅ΡΡΠ΅ Π² ΠΎΠ΄Π½ΠΎΠΉ ΡΡΡΠΎΠΊΠ΅ , ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ ΠΌΠΎΠ΄ΠΈΡΠΈΠΊΠ°ΡΠΎΡ is-grouped
Π² ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ΅ ΠΏΠΎΠ»Ρ
:
ΠΡΠΈΠΌΠ΅Ρ
Π‘ΠΎΡ ΡΠ°Π½ΠΈΡΡ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ
ΠΡΠΌΠ΅Π½Π°
Π£Π΄Π°Π»ΠΈΡΡ ΡΠΎΠΎΠ±ΡΠ΅Π½ΠΈΠ΅
HTML
<ΠΊΠ½ΠΎΠΏΠΊΠ°>
Π‘ΠΎΡ
ΡΠ°Π½ΠΈΡΡ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ
<ΠΊΠ½ΠΎΠΏΠΊΠ°>
ΠΡΠΌΠ΅Π½Π°
<ΠΊΠ½ΠΎΠΏΠΊΠ°>
Π£Π΄Π°Π»ΠΈΡΡ ΡΠΎΠΎΠ±ΡΠ΅Π½ΠΈΠ΅
ΠΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΡ ΠΊ ΠΊΠ½ΠΎΠΏΠΊΠ°ΠΌ #
ΠΡΠ»ΠΈ Π²Ρ Ρ
ΠΎΡΠΈΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π² ΠΊΠ°ΡΠ΅ΡΡΠ²Π΅ Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΠΉ , ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ ΠΌΠΎΠ΄ΠΈΡΠΈΠΊΠ°ΡΠΎΡ has-addons
Π² ΠΏΠΎΠ»Π΅ ΠΠΎΠ½ΡΠ΅ΠΉΠ½Π΅Ρ
:
HTML
<ΠΊΠ½ΠΎΠΏΠΊΠ°>
ΠΠ»Π΅Π²ΠΎ
<ΠΊΠ½ΠΎΠΏΠΊΠ°>
Π¦Π΅Π½ΡΡ
<ΠΊΠ½ΠΎΠΏΠΊΠ°>
ΠΠΏΡΠ°Π²ΠΎ
ΠΡΡΠΏΠΏΠ° ΠΊΠ½ΠΎΠΏΠΎΠΊ Ρ Π½Π°Π΄ΡΡΡΠΎΠΉΠΊΠ°ΠΌΠΈ #
ΠΡ ΡΠ°ΠΊΠΆΠ΅ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠ³ΡΡΠΏΠΏΠΈΡΠΎΠ²Π°ΡΡ Π΄ΠΎΠΏΠΎΠ»Π½Π΅Π½ΠΈΡ:
HTML
<ΠΊΠ½ΠΎΠΏΠΊΠ°>
ΠΠΎΠ»ΡΠΆΠΈΡΠ½ΡΠΉ
<ΠΊΠ½ΠΎΠΏΠΊΠ°>
ΠΡΡΡΠΈΠ²
<ΠΊΠ½ΠΎΠΏΠΊΠ°>
ΠΠΎΠ΄ΡΠ΅ΡΠΊΠ½ΡΡΡΠΉ
<ΠΊΠ½ΠΎΠΏΠΊΠ°>
ΠΠ»Π΅Π²ΠΎ
<ΠΊΠ½ΠΎΠΏΠΊΠ°>
Π¦Π΅Π½ΡΡ
<ΠΊΠ½ΠΎΠΏΠΊΠ°>
ΠΠΏΡΠ°Π²ΠΎ
Π‘ΠΏΠΈΡΠΎΠΊ ΠΊΠ½ΠΎΠΏΠΎΠΊ #
ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠΎΠ·Π΄Π°ΡΡ ΡΠΏΠΈΡΠΎΠΊ ΠΊΠ½ΠΎΠΏΠΎΠΊ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΊΠΎΠ½ΡΠ΅ΠΉΠ½Π΅ΡΠ° ΠΊΠ½ΠΎΠΏΠΎΠΊ
.
Π‘ΠΎΡ ΡΠ°Π½ΠΈΡΡ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ Π‘ΠΎΡ ΡΠ°Π½ΠΈΡΡ ΠΈ ΠΏΡΠΎΠ΄ΠΎΠ»ΠΆΠΈΡΡ ΠΡΠΌΠ΅Π½Π°
ΠΡΠ»ΠΈ ΡΠΏΠΈΡΠΎΠΊ ΠΎΡΠ΅Π½Ρ Π΄Π»ΠΈΠ½Π½ΡΠΉ , ΠΎΠ½ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ ΠΏΠ΅ΡΠ΅Π½ΠΎΡΠΈΡΡΡ Π½Π° Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΡ ΡΡΡΠΎΠΊ , ΡΠΎΡ ΡΠ°Π½ΡΡ ΠΏΡΠΈ ΡΡΠΎΠΌ Π²ΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π½Π° ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΠΎΠΌ ΡΠ°ΡΡΡΠΎΡΠ½ΠΈΠΈ .
ΠΠ΄ΠΈΠ½ ΠΠ²Π° Π’ΡΠΈ Π§Π΅ΡΡΡΠ΅ ΠΡΡΡ Π¨Π΅ΡΡΡ Π‘Π΅ΠΌΡ 8 9 ΠΠ΅ΡΡΡΡ 11 ΠΠ²Π΅Π½Π°Π΄ΡΠ°ΡΡ Π’ΡΠΈΠ½Π°Π΄ΡΠ°ΡΡ 14 ΠΡΡΠ½Π°Π΄ΡΠ°ΡΡ Π¨Π΅ΡΡΠ½Π°Π΄ΡΠ°ΡΡ Π‘Π΅ΠΌΠ½Π°Π΄ΡΠ°ΡΡ 18 19 20
ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠΎΠ΅Π΄ΠΈΠ½ΠΈΡΡ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π²ΠΌΠ΅ΡΡΠ΅ Ρ ΠΌΠΎΠ΄ΠΈΡΠΈΠΊΠ°ΡΠΎΡΠΎΠΌ has-addons
.
ΠΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ ΠΌΠΎΠ΄ΠΈΡΠΈΠΊΠ°ΡΠΎΡΡ ΠΏΠΎ ΡΠ΅Π½ΡΡΡ
ΠΈΠ»ΠΈ ΠΏΠΎ ΠΏΡΠ°Π²ΠΎΠΌΡ ΠΊΡΠ°Ρ
, ΡΡΠΎΠ±Ρ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ Π²ΡΡΠ°Π²Π½ΠΈΠ²Π°Π½ΠΈΠ΅ .
Π΄Π° ΠΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΠΠ΅Ρ
Π΄Π° ΠΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΠΠ΅Ρ
ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π»ΡΠ±ΠΎΠΉ ΠΊΠ»Π°ΡΡ ΠΌΠΎΠ΄ΠΈΡΠΈΠΊΠ°ΡΠΎΡΠ° Π½Π° ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠ΅, ΡΡΠΎΠ±Ρ ΡΠ°Π·Π»ΠΈΡΠ°ΡΡ ΠΈΡ
.ΠΠ΅ Π·Π°Π±ΡΠ΄ΡΡΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΠΌΠΎΠ΄ΠΈΡΠΈΠΊΠ°ΡΠΎΡ is-selected
, ΡΡΠΎΠ±Ρ ΡΠ±Π΅Π΄ΠΈΡΡΡΡ, ΡΡΠΎ Π²ΡΠ±ΡΠ°Π½Π½Π°Ρ ΠΊΠ½ΠΎΠΏΠΊΠ° Π½Π°Ρ
ΠΎΠ΄ΠΈΡΡΡ Π½Π° Π²ΡΡΠ΅ ΡΠ²ΠΎΠΈΡ
Π±ΡΠ°ΡΡΠ΅Π² ΠΈ ΡΠ΅ΡΡΠ΅Ρ.
Π΄Π° ΠΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΠΠ΅Ρ
Π΄Π° ΠΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΠΠ΅Ρ
Π΄Π° ΠΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΠΠ΅Ρ
Π₯ΠΎΡΡ ΡΡΠΎΡ ΡΠΏΠΈΡΠΎΠΊ ΡΡΠΈΠ»Ρ ΠΊΠ½ΠΎΠΏΠΎΠΊ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ Π΄ΠΎΡΡΠΈΠ³Π½ΡΡ Π»ΠΈΠ±ΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΏΠΎΠ»Ρ ΡΠ³ΡΡΠΏΠΏΠΈΡΠΎΠ²Π°Π½ΠΎ
, Π»ΠΈΠ±ΠΎ Ρ Π½ΠΎΠ²ΡΠΌ ΠΊΠ»Π°ΡΡΠΎΠΌ ΠΊΠ½ΠΎΠΏΠΎΠΊ
, Π΅ΡΡΡ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΎΡΠ»ΠΈΡΠΈΠΉ:
-
ΠΊΠ½ΠΎΠΏΠΎΠΊ
ΠΈΠΌΠ΅Π΅Ρ Π±ΠΎΠ»Π΅Π΅ ΠΏΡΠΎΡΡΡΡ ΡΠ°Π·ΠΌΠ΅ΡΠΊΡ - ΠΠ½ΠΎΠΏΠΊΠΈ
- ΠΠΎΠ»Π΅
ΡΠ³ΡΡΠΏΠΏΠΈΡΠΎΠ²Π°Π½ΠΎ
ΠΌΠΎΠΆΠ΅Ρ ΡΠΎΠ΄Π΅ΡΠΆΠ°ΡΡ Π»ΡΠ±ΠΎΠ³ΠΎ ΡΠΈΠΏΠ° ΠΈΠ·ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ
Π²Ρ ΠΎΠ΄ΠΎΠ² - ΠΠΎΠ»Π΅
ΡΠ³ΡΡΠΏΠΏΠΈΡΠΎΠ²Π°Π½ΠΎ
ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡΠΈΠ½ΡΠ΄ΠΈΡΠ΅Π»ΡΠ½ΠΎ ΡΠ°Π·ΠΌΠ΅ΡΡΠΈΡΡ Π²ΡΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΡ ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ Π² ΠΎΠ΄Π½ΠΎΠΉ ΡΡΡΠΎΠΊΠ΅ - Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΠΏΠΎΠ»Ρ
ΡΠ³ΡΡΠΏΠΏΠΈΡΠΎΠ²Π°Π½ΠΎ
, Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠ°Π·Π²Π΅ΡΠ½ΡΡΡ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ² ΡΠΏΡΠ°Π²Π»Π΅Π½ΠΈΡ
Π ΠΏΡΠΈΠ½ΡΠΈΠΏΠ΅, Π΅ΡΠ»ΠΈ Π²Π°ΠΌ Π½ΡΠΆΠ΅Π½ ΡΠΎΠ»ΡΠΊΠΎ ΡΠΏΠΈΡΠΎΠΊ ΠΈΠ· ΠΊΠ½ΠΎΠΏΠΎΠΊ , ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡΠ΅ΡΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΊΠ½ΠΎΠΏΠΊΠΈ
.ΠΡΠ»ΠΈ Π²Π°ΠΌ Π½ΡΠΆΠ½ΠΎ Π±ΠΎΠ»ΡΡΠ΅ ΠΊΠΎΠ½ΡΡΠΎΠ»Ρ Π½Π°Π΄ ΡΡΠΈΠ»Π΅ΠΌ ΠΈ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ°ΠΌΠΈ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ Π³ΡΡΠΏΠΏΡ ΡΠΎΡΠΌ.
ΠΠ΅ΡΠ΅ΠΌΠ΅Π½Π½ΡΠ΅ #
ΠΠΌΡ
Π’ΠΈΠΏ
Π¦Π΅Π½ΠΈΡΡ
Π Π°ΡΡΠ΅ΡΠ½ΠΎΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅
ΠΡΡΠΈΡΠ»ΡΠ΅ΠΌΡΠΉ ΡΠΈΠΏ
ΡΠ°Π·ΠΌΠ΅Ρ
ΡΠ°ΡΡΠ΅Ρ (0.5em - # {$ button-border-width})
$ ΠΎΠ±ΠΈΠ²ΠΊΠ° ΠΏΡΠ³ΠΎΠ²ΠΈΡΠ° Π³ΠΎΡΠΈΠ·ΠΎΠ½ΡΠ°Π»ΡΠ½Π°Ρ
ΡΠ°Π·ΠΌΠ΅Ρ
$ ΡΠ²Π΅Ρ ΠΊΠ½ΠΎΠΏΠΊΠΈ-Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΡ-Π³ΡΠ°Π½ΠΈΡΡ
ΠΏΠ΅ΡΠ΅ΠΌΠ΅Π½Π½Π°Ρ
ΡΠ²Π΅Ρ
$ ΠΊΠ½ΠΎΠΏΠΊΠ°-ΡΠΎΠΊΡΡ-ΡΠ²Π΅Ρ Π³ΡΠ°Π½ΠΈΡΡ
ΠΏΠ΅ΡΠ΅ΠΌΠ΅Π½Π½Π°Ρ
ΡΠ²Π΅Ρ
$ ΠΊΠ½ΠΎΠΏΠΊΠ°-ΡΠΎΠΊΡΡ-ΡΠ°Π·ΠΌΠ΅Ρ-ΡΠ΅Π½Ρ
ΡΠ°Π·ΠΌΠ΅Ρ
$ ΠΊΠ½ΠΎΠΏΠΊΠ°-ΡΠΎΠΊΡΡ-ΠΏΠΎΠ»Π΅-ΡΠ΅Π½Ρ-ΡΠ²Π΅Ρ
ΡΠΎΠ΅Π΄ΠΈΠ½Π΅Π½ΠΈΠ΅
$ button-active-border-color
ΠΏΠ΅ΡΠ΅ΠΌΠ΅Π½Π½Π°Ρ
ΡΠ²Π΅Ρ
$ button-text-hover-background-color
ΠΏΠ΅ΡΠ΅ΠΌΠ΅Π½Π½Π°Ρ
ΡΠ²Π΅Ρ
$ ΠΊΠ½ΠΎΠΏΠΊΠ°-ΠΏΡΠΈΠ·ΡΠ°ΠΊ-ΡΠ²Π΅Ρ Π³ΡΠ°Π½ΠΈΡΡ
ΡΡΡΠΎΠΊΠ°
$ ΠΊΠ½ΠΎΠΏΠΊΠ°-ΠΏΡΠΈΠ·ΡΠ°ΠΊ-Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠ΅-ΡΠ²Π΅Ρ
ΠΏΠ΅ΡΠ΅ΠΌΠ΅Π½Π½Π°Ρ
ΡΠ²Π΅Ρ
$ ΡΠΊΡΠ°ΡΠ΅Π½ΠΈΠ΅-ΠΏΡΠΈΠ·ΡΠ°ΠΊ-ΠΏΡΠΈΠ·ΡΠ°ΠΊ
ΡΡΡΠΎΠΊΠ°
$ button-disabled-background-color
ΠΏΠ΅ΡΠ΅ΠΌΠ΅Π½Π½Π°Ρ
ΡΠ²Π΅Ρ
$ button-disabled-border-color
ΠΏΠ΅ΡΠ΅ΠΌΠ΅Π½Π½Π°Ρ
ΡΠ²Π΅Ρ
$ button-static-background-color
ΠΏΠ΅ΡΠ΅ΠΌΠ΅Π½Π½Π°Ρ
ΡΠ²Π΅Ρ
$ button-static-border-color
ΠΏΠ΅ΡΠ΅ΠΌΠ΅Π½Π½Π°Ρ
ΡΠ²Π΅Ρ
Π Π°Π·ΠΌΠ΅Ρ ΠΊΠ½ΠΎΠΏΠΊΠΈ HTML
Π Π°Π·ΠΌΠ΅Ρ ΠΊΠ½ΠΎΠΏΠΊΠΈ HTML ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ Π² Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ ΠΎΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΡΠ°.ΠΠ½ΠΎΠΏΠΊΠ° HTML ΠΎΡΠΏΡΠ°Π²Π»ΡΠ΅Ρ HTML-ΡΡΡΠ°Π½ΠΈΡΡ.
Π Π°Π·ΠΌΠ΅Ρ ΠΊΠ½ΠΎΠΏΠΊΠΈ HTML ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΡΠΎΠΌ. ΠΠ½ΠΎΠΏΠΊΠ° HTML ΠΎΡΠΏΡΠ°Π²Π»ΡΠ΅Ρ HTML-ΡΡΡΠ°Π½ΠΈΡΡ.Π Π°Π·ΠΌΠ΅Ρ ΠΊΠ½ΠΎΠΏΠΊΠΈ HTML ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ Π² Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ ΠΎΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌΠΈΡΡΠ°. ΠΠ½ΠΎΠΏΠΊΠ° HTML ΠΎΡΠΏΡΠ°Π²Π»ΡΠ΅Ρ HTML-ΡΡΡΠ°Π½ΠΈΡΡ.
Π ΡΠ»Π΅Π΄ΡΡΡΠ΅ΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠ΅ ΠΌΡ ΡΠ·Π½Π°Π΅ΠΌ, ΠΊΠ°ΠΊ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΡΠ°Π·ΠΌΠ΅Ρ HTML ΠΊΠ½ΠΎΠΏΠΊΠ°. Π‘Π½Π°ΡΠ°Π»Π° ΠΌΡ ΡΠΎΠ·Π΄Π°Π΅ΠΌ HTML-ΡΡΡΠ°Π½ΠΈΡΡ. ΠΠ°ΡΠ΅ΠΌ ΠΌΡ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°Π΅ΠΌ ΠΊΠ½ΠΎΠΏΠΊΡ HTML Ρ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΡΠΌ ΡΠΈΡΠΈΠ½Π°, Π²ΡΡΠΎΡΠ° ΠΈ ΡΠ²Π΅Ρ. ΠΡΡ ΡΠΈΡΠΈΠ½Ρ, Π²ΡΡΠΎΡΡ ΠΈ Π΄Π°ΠΆΠ΅ ΡΠ²Π΅Ρ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΠΊΠ°ΠΊ ΠΏΠΎ ΠΆΠ΅Π»Π°Π½ΠΈΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ.
Π’Π΅Π³
ΠΡΠ²ΠΎΠ΄: Π‘Π»Π΅Π΄ΡΡΡΠΈΠΉ Π²ΡΠ²ΠΎΠ΄ ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°Π΅Ρ Π΄Π²Π΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ Ρ ΡΠ°Π·Π½ΡΠΌΠΈ ΡΠ°Π·ΠΌΠ΅Ρ ΠΈ ΡΠ²Π΅Ρ.
HTML-ΠΊΠ½ΠΎΠΏΠΊΠ°ΠΎΡΠ΅Π½Ρ ΠΏΠΎΠ»Π΅Π·Π½Π° ΠΏΡΠΈ Π²ΡΠΏΠΎΠ»Π½Π΅Π½ΠΈΠΈ Π΄Π΅ΠΉΡΡΠ²ΠΈΠΉ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ. ΠΠ° ΠΊΠ½ΠΎΠΏΠΊΠ΅ Π½Π°ΠΆΠΌΠΈΡΠ΅ Π²Ρ ΠΌΠΎΠΆΠ΅Ρ Π²ΡΠΏΠΎΠ»Π½ΡΡΡ ΡΠ°ΠΊΠΈΠ΅ Π΄Π΅ΠΉΡΡΠ²ΠΈΡ, ΠΊΠ°ΠΊ ΠΎΡΠΏΡΠ°Π²ΠΊΠ° ΡΠΎΡΠΌΡ, Π²ΡΠ·ΠΎΠ² ΡΡΠ½ΠΊΡΠΈΠΈ JavaScript ΠΈ Ρ. Π΄.
Π ΡΡΠΎΠΌ ΠΏΡΠΈΠΌΠ΅ΡΠ΅ ΠΌΡ ΠΎΠ±ΡΡΡΠ½ΠΈΠ»ΠΈ Π²Π°ΠΌ, ΠΊΠ°ΠΊ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΡΠ²ΠΎΠΉΡΡΠ²Π° ΡΠ°Π±Π»ΠΈΡΡ ΡΡΠΈΠ»Π΅ΠΉ. ΠΊ ΠΎΠ±ΡΠ΅ΠΊΡΡ ΠΊΠ½ΠΎΠΏΠΊΠΈ. Π‘ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ°Π±Π»ΠΈΡΡ ΡΡΠΈΠ»Π΅ΠΉ ΠΌΠΎΠΆΠ½ΠΎ ΡΠ΄Π΅Π»Π°ΡΡ ΠΊΡΠ°ΡΠΈΠ²ΡΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ. ΠΡΠΎΡΡΠΈΡΠ΅ Π±ΠΎΠ»ΡΡΠ΅ ΡΡΠΊΠΎΠ²ΠΎΠ΄ΡΡΠ² ΠΏΠΎ html .
Π‘Π²ΡΠ·Π°Π½Π½ΡΠ΅ ΡΡΠΊΠΎΠ²ΠΎΠ΄ΡΡΠ²Π° ΠΏΠΎ HTML:
HTML-ΠΌΠ°ΠΊΠ΅Ρ
ΠΠ°ΠΊΠ΅Ρ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΡ ΠΏΠΎΡ
ΠΎΠΆ Π½Π° ΠΌΠ°ΠΊΠ΅Ρ ΡΡΡΠ°Π½ΠΈΡ Π² Π³Π°Π·Π΅ΡΠ΅.HTML
ΡΡΠΎΠ»Π±ΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ Π΄Π»Ρ ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΡ ΡΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ³ΠΎ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡΡ. Π‘ΡΠΎΠ»Π±ΡΡ HTML ΡΠΎΠ·Π΄Π°Π½Ρ
Ρ ΠΏΠΎΠΌΠΎΡΡΡ ΡΠ°Π±Π»ΠΈΡ Π΄Π»Ρ ΠΎΡΠΎΡΠΌΠ»Π΅Π½ΠΈΡ ΠΌΠ°ΠΊΠ΅ΡΠ°
Π£ΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ ΡΠ²Π΅ΡΠ° ΡΠΎΠ½Π° ΠΈ
ΠΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ Π² HTML
Π¦Π²Π΅Ρ ΡΠΎΠ½Π° Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡ ΠΌΠΎΠΆΠ½ΠΎ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π°ΡΡΠΈΠ±ΡΡΠ° body.
bgcolor ΠΈ ΠΏΠΎΠΌΠ΅ΡΡΠΈΠ² Π² Π½Π΅Π³ΠΎ Π»ΡΠ±ΠΎΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΡΠ²Π΅ΡΠ° Π½Π° HTML-ΡΡΡΠ°Π½ΠΈΡΠ΅.
ΠΠ°ΡΠΊΠ°Π΄Π½Π°Ρ ΡΠ°Π±Π»ΠΈΡΠ° ΡΡΠΈΠ»Π΅ΠΉ (CSS)
ΠΠ°ΡΠΊΠ°Π΄Π½Π°Ρ ΡΠ°Π±Π»ΠΈΡΠ° ΡΡΠΈΠ»Π΅ΠΉ (CSS), ΠΈΠ·Π²Π΅ΡΡΠ½Π°Ρ ΠΊΠ°ΠΊ ΡΠ·ΡΠΊ ΡΠ°Π±Π»ΠΈΡ ΡΡΠΈΠ»Π΅ΠΉ, ΠΎΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ
ΠΏΡΠ΅Π΄ΡΡΠ°Π²Π»Π΅Π½ΠΈΠ΅ Π΄ΠΎΠΊΡΠΌΠ΅Π½ΡΠ°, Π½Π°ΠΏΠΈΡΠ°Π½Π½ΠΎΠ³ΠΎ Π½Π° ΡΠ·ΡΠΊΠ΅ ΡΠ°Π·ΠΌΠ΅ΡΠΊΠΈ.
ΠΠ±ΡΡΠ²Π»Π΅Π½ΠΈΡ
Π‘ΠΎΠ³Π»Π°ΡΠ½ΠΎ ΠΈΡΡΠ»Π΅Π΄ΠΎΠ²Π°Π½ΠΈΡΠΌ, ΠΊΠ°ΠΊΠΎΠΉ ΡΠ²Π΅Ρ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΏΡΠΈΠ·ΡΠ²Π° ΠΊ Π΄Π΅ΠΉΡΡΠ²ΠΈΡ ΡΠ²Π»ΡΠ΅ΡΡΡ Π»ΡΡΡΠΈΠΌ?
ΠΠ°ΠΆΠ΄ΡΠΉ ΠΈΠ½ΡΠ΅ΡΠ½Π΅Ρ-ΠΌΠ°ΡΠΊΠ΅ΡΠΎΠ»ΠΎΠ³ ΡΠΎΠ³Π»Π°ΡΠΈΡΡΡ Ρ ΡΠ΅ΠΌ, ΡΡΠΎ ΠΊΠ»ΡΡΠΎΠΌ ΠΊ ΡΡΠΏΠ΅Ρ Ρ ΡΠ²Π»ΡΠ΅ΡΡΡ ΠΊΠΎΠ½Π²Π΅ΡΡΠΈΡ: Π±ΠΎΠ»ΡΡΠ΅ Π»ΡΠ΄Π΅ΠΉ, Π½Π°ΠΆΠΈΠΌΠ°ΡΡΠΈΡ Π½Π° Π²Π°ΡΠΈ ΠΊΠ½ΠΎΠΏΠΊΠΈ Β«ΠΠΎΠ΄ΠΏΠΈΡΠ°ΡΡΡΡΒ» ΠΈΠ»ΠΈ Β«ΠΡΠΏΠΈΡΡ ΡΠ΅ΠΉΡΠ°ΡΒ» , ΠΎΠ·Π½Π°ΡΠ°Π΅Ρ Π±ΠΎΠ»ΡΡΠ΅ ΠΏΠΎΡΠ΅Π½ΡΠΈΠ°Π»ΡΠ½ΡΡ ΠΊΠ»ΠΈΠ΅Π½ΡΠΎΠ² ΠΈ ΠΏΡΠΎΠ΄Π°ΠΆ. ΠΠΎ ΠΊΠΎΠ³Π΄Π° Π΄Π΅Π»ΠΎ Π΄ΠΎΡ ΠΎΠ΄ΠΈΡ Π΄ΠΎ Π²ΡΠ±ΠΎΡΠ° ΡΠ²Π΅ΡΠ° ΠΊΠ½ΠΎΠΏΠΎΠΊ, ΡΡΠΎ ΠΎΡΠ΅Π½Ρ ΠΎΠ±ΡΡΠΆΠ΄Π°Π΅ΠΌΠ°Ρ ΡΠ΅ΠΌΠ°. ΠΠΎΠ³ΡΡ Π»ΠΈ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΡΠ΅ ΡΠ²Π΅ΡΠ° ΠΏΠΎΠ²ΡΡΠΈΡΡ ΠΊΠΎΡΡΡΠΈΡΠΈΠ΅Π½Ρ ΠΊΠΎΠ½Π²Π΅ΡΡΠΈΠΈ? Π ΡΡΠΎΠΉ ΡΡΠ°ΡΡΠ΅ ΠΌΡ ΡΠ°ΡΡΠΌΠΎΡΡΠΈΠΌ, ΡΡΠΎ, ΠΏΠΎ ΠΌΠ½Π΅Π½ΠΈΡ ΠΈΡΡΠ»Π΅Π΄ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ, ΡΠ²Π»ΡΠ΅ΡΡΡ Π»ΡΡΡΠΈΠΌ ΡΠ²Π΅ΡΠΎΠΌ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΏΡΠΈΠ·ΡΠ²Π° ΠΊ Π΄Π΅ΠΉΡΡΠ²ΠΈΡ.
Π§ΡΠΎ Π³ΠΎΠ²ΠΎΡΡΡ ΡΠΊΡΠΏΠ΅ΡΡΡ ΠΏΠΎ ΠΊΠΎΠ½Π²Π΅ΡΡΠΈΠΈ?
ΠΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Π²Ρ ΡΠ»ΡΡΠ°Π»ΠΈ ΠΌΠ½ΠΎΠ³ΠΎ ΠΏΡΠΎΡΠΈΠ²ΠΎΡΠ΅ΡΠΈΠ²ΡΡ ΡΠΎΠ²Π΅ΡΠΎΠ² ΠΏΠΎ ΠΎΠΏΡΠΈΠΌΠΈΠ·Π°ΡΠΈΠΈ ΠΊΠΎΠ½Π²Π΅ΡΡΠΈΠΈ, ΠΎΡΠΎΠ±Π΅Π½Π½ΠΎ ΠΊΠΎΠ³Π΄Π° ΡΠ΅ΡΡ ΠΈΠ΄Π΅Ρ ΠΎ ΡΠ²Π΅ΡΠ΅.
ΠΠΎΠ½Π΅ΡΠ½ΠΎ, Π²ΡΠ΅ ΠΌΡ Π·Π½Π°Π΅ΠΌ, ΡΡΠΎ ΡΡΠΎΡΠ½ΠΎΡΡΡ, ΡΠΎΡΠΈΠ°Π»ΡΠ½ΠΎΠ΅ ΠΎΠ±ΠΎΡΠ½ΠΎΠ²Π°Π½ΠΈΠ΅, ΠΏΠΎΠ½ΡΡΠ½ΡΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½ ΠΈ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΡΠΉ Π»ΠΈΠ΄-ΠΌΠ°Π³Π½ΠΈΡ ΠΌΠΎΠ³ΡΡ ΠΏΠΎΠΌΠΎΡΡ ΠΊΠΎΠ½Π²Π΅ΡΡΠΈΡΠΌ.
ΠΠΎ ΡΠ²Π΅Ρ? ΠΡΠΎ Π½Π΅ΠΏΡΠΎΡΡΠΎΠΉ Π²ΠΎΠΏΡΠΎΡ.
ΠΡ ΠΌΠΎΠ³Π»ΠΈ Π²ΡΡΡΠ΅ΡΠΈΡΡ ΠΏΡΠ°ΠΊΡΠΈΠΊΡΡΡΠΈΡ , ΠΊΠΎΡΠΎΡΡΠ΅ ΡΡΠ²Π΅ΡΠΆΠ΄Π°Π»ΠΈ, ΡΡΠΎ Π½Π°ΡΠ»ΠΈ Β«ΡΠ΅ΠΊΡΠ΅ΡΒ» ΡΡΡΠ΅ΠΊΡΠΈΠ²Π½ΠΎΠΉ ΠΎΠΏΡΠΈΠΌΠΈΠ·Π°ΡΠΈΠΈ. ΠΠ°ΠΊ ΠΏΡΠ°Π²ΠΈΠ»ΠΎ, Π²Ρ ΡΠ²ΠΈΠ΄ΠΈΡΠ΅ ΡΡΠΈΡ Π»ΡΠ΄Π΅ΠΉ, ΠΏΡΠΈΠ½Π°Π΄Π»Π΅ΠΆΠ°ΡΠΈΡ ΠΊ ΠΎΠ΄Π½ΠΎΠΌΡ ΠΈΠ· ΡΡΠ΅Ρ Π»Π°Π³Π΅ΡΠ΅ΠΉ:
- ΠΠ΅Π½Π΅ΡΠ°Π»ΠΈΠ·Π°ΡΠΎΡΡ. ΠΠΏΡΠΈΠΌΠΈΠ·Π°ΡΠΎΡ ΠΊΠΎΡΡΡΠΈΡΠΈΠ΅Π½ΡΠ° ΠΊΠΎΠ½Π²Π΅ΡΡΠΈΠΈ ΡΡΠΎΠ³ΠΎ ΡΠΈΠΏΠ° Π±ΡΠ΄Π΅Ρ ΡΡΡΠΎΠ³ΠΎ ΠΏΡΠΈΠ΄Π΅ΡΠΆΠΈΠ²Π°ΡΡΡΡ ΠΎΠ±ΡΠΈΡ ΠΏΠ΅ΡΠ΅Π΄ΠΎΠ²ΡΡ ΠΏΡΠ°ΠΊΡΠΈΠΊ. ΠΠ΄Π½Π°ΠΊΠΎ ΠΎΠ½ΠΈ Π½Π΅ Π±ΡΠ΄ΡΡ ΡΠ³Π»ΡΠ±Π»ΡΡΡΡΡ Π² ΠΏΡΠΈΡ ΠΎΠ»ΠΎΠ³ΠΈΡ ΡΠ²ΠΎΠΈΡ ΠΊΠ»ΠΈΠ΅Π½ΡΠΎΠ², ΡΡΠΎΠ±Ρ Π½Π°ΡΡΡΠΎΠΈΡΡ ΡΠ²ΠΎΠΈ ΠΊΠ°ΠΌΠΏΠ°Π½ΠΈΠΈ.
- ΠΠΎΠ»ΡΠ±ΠΈΠ½ΡΠ΅ ΠΎΡ ΠΎΡΠ½ΠΈΠΊΠΈ. ΠΡΠΎΡ Π²ΡΠΎΡΠΎΠΉ ΡΠΈΠΏ ΠΏΡΠΈΠ΄Π΅ΡΠΆΠΈΠ²Π°Π΅ΡΡΡ ΠΎΡΠ΅Π½Ρ ΡΠΏΠ΅ΡΠΈΡΠΈΡΠ΅ΡΠΊΠΈΡ ΡΡΡΠ°ΡΠ΅Π³ΠΈΠΉ. ΠΠ½ΠΈ ΡΠΊΠ°ΠΆΡΡ Π²Π°ΠΌ, ΡΡΠΎ Π΅ΡΡΡ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΡΠ΅ Β«ΡΠ΅ΠΊΡΠ΅ΡΡΒ», ΠΊΠΎΡΠΎΡΡΠ΅ Π³Π°ΡΠ°Π½ΡΠΈΡΠΎΠ²Π°Π½Π½ΠΎ ΡΠ²Π΅Π»ΠΈΡΠ°Ρ Π²Π°ΡΡ ΠΊΠΎΠ½Π²Π΅ΡΡΠΈΡ. ΠΠ½ΠΈ ΡΠΊΠ°ΠΆΡΡ Π²Π°ΠΌ, ΡΡΠΎ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΡΠΉ ΡΠ²Π΅Ρ, ΡΡΠΈΡΡ ΠΈΠ»ΠΈ ΠΌΠ°ΠΊΠ΅Ρ β Π·Π°Π»ΠΎΠ³ Π²Π°ΡΠ΅Π³ΠΎ ΡΡΠΏΠ΅Ρ Π°.
- ΠΠ΅ΡΠΊΠΎΠ½Π΅ΡΠ½ΡΠ΅ ΡΠ΅ΡΡΠ΅ΡΡ. Π’ΡΠ΅ΡΠΈΠΉ ΡΠΈΠΏ Π½Π΅ ΠΏΡΠΈΠ΄Π΅ΡΠΆΠΈΠ²Π°Π΅ΡΡΡ ΠΊΠ°ΠΊΠΎΠΉ-Π»ΠΈΠ±ΠΎ ΡΡΡΠ°ΡΠ΅Π³ΠΈΠΈ. ΠΡΠΈ ΠΎΠΏΡΠΈΠΌΠΈΠ·Π°ΡΠΎΡΡ Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎ ΡΠΊΡΠΏΠ΅ΡΠΈΠΌΠ΅Π½ΡΠΈΡΠΎΠ²Π°Π»ΠΈ, ΡΡΠΎΠ±Ρ ΠΏΠΎΠ½ΡΡΡ, ΡΡΠΎ Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ ΡΡΡΠ°ΡΠ΅Π³ΠΈΠΈ Π½Π΅ ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ ΡΠ°Π±ΠΎΡΠ°ΡΡ Π΄Π»Ρ Π²ΡΠ΅Ρ . ΠΠΌΠ΅ΡΡΠΎ ΡΡΠΎΠ³ΠΎ ΠΎΠ½ΠΈ ΡΠΊΠ°ΠΆΡΡ Π²Π°ΠΌ ΡΠ΅ΡΡΠΈΡΠΎΠ²Π°ΡΡ ΡΠ°Π·Π½ΡΠ΅ Π²Π΅ΡΠΈ, ΠΏΠΎΡΡΠΈ Π½Π°ΡΠ³Π°Π΄, ΠΏΠΎΠΊΠ° Π²Ρ Π½Π΅ Π½Π°ΠΉΠ΄Π΅ΡΠ΅ ΡΡΠΎ-ΡΠΎ, ΡΡΠΎ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ.
ΠΠΎΠ³Π΄Π° Π²Ρ ΡΡΠ°Π»ΠΊΠΈΠ²Π°Π΅ΡΠ΅ΡΡ Ρ Π²ΠΎΠΏΡΠΎΡΠΎΠΌ, ΠΊΠ°ΠΊΠΎΠΉ ΡΠ²Π΅Ρ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΏΡΠΈΠ·ΡΠ²Π° ΠΊ Π΄Π΅ΠΉΡΡΠ²ΠΈΡ Π»ΡΡΡΠ΅ Π²ΡΠ΅Π³ΠΎ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΠΈΡ, Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ Π»Π°Π³Π΅ΡΡ Π±ΡΠ΄Π΅Ρ ΡΠ²ΠΎΠΉ ΠΎΡΠ²Π΅Ρβ¦
- ΠΠ΅Π½Π΅ΡΠ°Π»ΠΈΠ·Π°ΡΠΎΡΡ ΡΠΊΠ°ΠΆΡΡ Π²Π°ΠΌ, ΡΡΠΎ Π΅ΡΡΡ Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ ΠΎΠ±ΡΠΈΠ΅ ΠΈΡΡΠΈΠ½Ρ ΠΎ ΡΠ²Π΅ΡΠ΅.ΠΠ΅ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠ²Π΅ΡΠ° Ρ ΠΎΡΠΎΡΠΎ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΡΡ Π΄Π»Ρ ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΡΡ ΠΎΡΡΠ°ΡΠ»Π΅ΠΉ, Π° Π΅ΡΡΡ ΡΠ²Π΅ΡΠ°, ΠΊΠΎΡΠΎΡΡΠ΅ Π²Π°ΠΌ Π½Π΅ ΡΠ»Π΅Π΄ΡΠ΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ.
- ΠΠΎΠ»ΡΠ±ΠΈΠ½ΡΠ΅ ΠΎΡ ΠΎΡΠ½ΠΈΠΊΠΈ ΠΏΡΠ΅Π΄ΠΏΠΎΡΠΈΡΠ°ΡΡ ΠΎΠ΄ΠΈΠ½ ΡΠ²Π΅Ρ, ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΡΠ΅ΠΎΠ±ΡΠ°Π·ΡΠ΅ΡΡΡ Π»ΡΡΡΠ΅, ΡΠ΅ΠΌ Π»ΡΠ±ΠΎΠΉ Π΄ΡΡΠ³ΠΎΠΉ.
- ΠΠ΅ΡΠΊΠΎΠ½Π΅ΡΠ½ΡΠ΅ ΡΠ΅ΡΡΠ΅ΡΡ ΡΠΊΠ°ΠΆΡΡ, ΡΡΠΎ ΡΠ²Π΅Ρ ΠΌΠΎΠΆΠ΅Ρ ΠΈΠΌΠ΅ΡΡ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅, Π½ΠΎ Π½Π΅ΠΏΠΎΡΡΠΎΡΠ½Π½ΡΠΌ ΠΈΠ»ΠΈ ΠΏΡΠ΅Π΄ΡΠΊΠ°Π·ΡΠ΅ΠΌΡΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ.
Π―ΡΠ½ΠΎ, ΡΡΠΎ Π½Π΅ Π²ΡΠ΅ ΠΌΠΎΠ³ΡΡ Π±ΡΡΡ ΠΏΡΠ°Π²Ρ.
ΠΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, ΡΠ²Π΅Ρ Π½Π΅ ΠΈΠ³ΡΠ°Π΅Ρ Π·Π½Π°ΡΠΈΡΠ΅Π»ΡΠ½ΠΎΠΉ ΡΠΎΠ»ΠΈ Π² ΠΊΠΎΠ½Π²Π΅ΡΡΠΈΡΡ , ΠΊΠ°ΠΊ ΠΌΡ Π΄ΡΠΌΠ°Π»ΠΈ. ΠΠ»ΠΈ, ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ, Π·Π΄Π΅ΡΡ ΠΏΡΠΎΠΈΡΡ ΠΎΠ΄ΠΈΡ ΡΡΠΎ-ΡΠΎ Π±ΠΎΠ»Π΅Π΅ ΡΠΎΠ½ΠΊΠΎΠ΅?
ΠΠΌΠ΅Π΅Ρ Π»ΠΈ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ ΡΠ²Π΅Ρ CTA?
ΠΡΠΈΡ ΠΎΠ»ΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈ Π½Π΅Ρ Π½ΠΈΠΊΠ°ΠΊΠΈΡ ΡΠΎΠΌΠ½Π΅Π½ΠΈΠΉ Π² ΡΠΎΠΌ, ΡΡΠΎ ΡΠ²Π΅Ρ ΠΌΠΎΠΆΠ΅Ρ ΠΎΠΊΠ°Π·ΡΠ²Π°ΡΡ ΡΠΈΠ»ΡΠ½ΠΎΠ΅ Π²Π»ΠΈΡΠ½ΠΈΠ΅ Π½Π° Π»ΡΠ΄Π΅ΠΉ.
ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, ΡΠ²Π΅Ρ ΠΊΠΎΠΌΠ½Π°ΡΡ ΠΌΠΎΠΆΠ΅Ρ ΠΏΠΎΠ²Π»ΠΈΡΡΡ Π½Π° Π²Π°ΡΠ΅ Π½Π°ΡΡΡΠΎΠ΅Π½ΠΈΠ΅. ΠΡΠ»ΠΎ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ, ΡΡΠΎ ΠΊΡΠ°ΡΠ½ΡΠΉ ΡΠ²Π΅Ρ ΠΏΠΎΠ²ΡΡΠ°Π΅Ρ ΠΊΡΠΎΠ²ΡΠ½ΠΎΠ΅ Π΄Π°Π²Π»Π΅Π½ΠΈΠ΅, ΡΠ²Π΅Π»ΠΈΡΠΈΠ²Π°Π΅Ρ ΡΠΊΠΎΡΠΎΡΡΡ Π΄ΡΡ Π°Π½ΠΈΡ ΠΈ ΡΡΠ°ΡΠ°Π΅Ρ ΡΠ΅ΡΠ΄ΡΠ΅Π±ΠΈΠ΅Π½ΠΈΠ΅. Π‘ Π΄ΡΡΠ³ΠΎΠΉ ΡΡΠΎΡΠΎΠ½Ρ, ΡΠΈΠ½ΠΈΠΉ ΠΈΠΌΠ΅Π΅Ρ ΠΏΡΠΎΡΠΈΠ²ΠΎΠΏΠΎΠ»ΠΎΠΆΠ½ΡΠΉ ΡΡΡΠ΅ΠΊΡ: ΠΎΠ½ ΡΠ½ΠΈΠΆΠ°Π΅Ρ Π°ΡΡΠ΅ΡΠΈΠ°Π»ΡΠ½ΠΎΠ΅ Π΄Π°Π²Π»Π΅Π½ΠΈΠ΅, Π·Π°ΠΌΠ΅Π΄Π»ΡΠ΅Ρ Π΄ΡΡ Π°Π½ΠΈΠ΅ ΠΈ ΡΠ½ΠΈΠΆΠ°Π΅Ρ ΡΠ°ΡΡΠΎΡΡ ΡΠ΅ΡΠ΄Π΅ΡΠ½ΡΡ ΡΠΎΠΊΡΠ°ΡΠ΅Π½ΠΈΠΉ.
Π ΠΎΠ΄Π½ΠΎΠΌ ΠΈΡΡΠ»Π΅Π΄ΠΎΠ²Π°Π½ΠΈΠΈ, ΠΏΡΠΎΠ²Π΅Π΄Π΅Π½Π½ΠΎΠΌ ΡΡΠ΅Π½ΡΠΌΠΈ ΠΈΠ· Π£Π½ΠΈΠ²Π΅ΡΡΠΈΡΠ΅ΡΠ° ΠΡΠΈΡΠ°Π½ΡΠΊΠΎΠΉ ΠΠΎΠ»ΡΠΌΠ±ΠΈΠΈ, Π±ΡΠ»ΠΎ ΠΏΠΎΠΊΠ°Π·Π°Π½ΠΎ, ΡΡΠΎ ΡΠΈΠ½ΠΈΠΉ ΡΠ²Π΅Ρ ΡΠ»ΡΡΡΠ°Π΅Ρ ΡΠ²ΠΎΡΡΠ΅ΡΠΊΠΈΠ΅ ΡΠΏΠΎΡΠΎΠ±Π½ΠΎΡΡΠΈ, ΡΠΎΠ³Π΄Π° ΠΊΠ°ΠΊ ΠΊΡΠ°ΡΠ½ΡΠΉ ΡΠ»ΡΡΡΠ°Π΅Ρ ΠΏΠ°ΠΌΡΡΡ ΠΈ Π²Π½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΊ Π΄Π΅ΡΠ°Π»ΡΠΌ.
ΠΠ° ΠΎΡΠ½ΠΎΠ²Π°Π½ΠΈΠΈ ΡΡΠΈΡ ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠΎΠ² ΠΊΠ°ΠΆΠ΅ΡΡΡ, ΡΡΠΎ ΠΌΠ°ΡΠΊΠ΅ΡΠΎΠ»ΠΎΠ³ΠΈ Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΈΠΌΠ΅ΡΡ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎΡΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Β«ΠΏΡΠΈΡ ΠΎΠ»ΠΎΠ³ΠΈΡ ΡΠ²Π΅ΡΠ°Β» Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ Π±ΠΎΠ»Π΅Π΅ ΡΠ±Π΅Π΄ΠΈΡΠ΅Π»ΡΠ½ΡΡ Π»ΠΎΠ³ΠΎΡΠΈΠΏΠΎΠ² ΠΈ ΠΌΠ°ΡΠ΅ΡΠΈΠ°Π»ΠΎΠ² Π΄Π»Ρ Π±ΡΠ΅Π½Π΄ΠΈΠ½Π³Π°.
Π ΠΌΠ½ΠΎΠ³ΠΈΠ΅ ΠΌΠ°ΡΠΊΠ΅ΡΠΎΠ»ΠΎΠ³ΠΈ Π΄Π΅ΠΉΡΡΠ²ΠΈΡΠ΅Π»ΡΠ½ΠΎ ΠΏΡΡΠ°Π»ΠΈΡΡ ΡΡΠΎ ΡΠ΄Π΅Π»Π°ΡΡ.
ΠΠ° ΡΠ°ΠΌΠΎΠΌ Π΄Π΅Π»Π΅, Π²Ρ, Π²Π΅ΡΠΎΡΡΠ½ΠΎ, Π²ΠΈΠ΄Π΅Π»ΠΈ ΡΠ°Π½ΡΡΠ΅ Ρ ΠΎΡΡ Π±Ρ ΠΎΠ΄Π½Ρ ΠΏΠΎΠ΄ΠΎΠ±Π½ΡΡ ΠΈΠ½ΡΠΎΠ³ΡΠ°ΡΠΈΠΊΡ:
ΠΡΠΈΠ²Π΅Π΄Π΅Π½Π½Π°Ρ Π²ΡΡΠ΅ ΠΈΠ½ΡΠΎΠ³ΡΠ°ΡΠΈΠΊΠ° ΠΎΡ The Logo Company ΠΏΡΡΠ°Π΅ΡΡΡ ΠΏΠΎΠΊΠ°Π·Π°ΡΡ ΡΠ΅ΡΠΊΡΡ Π²Π·Π°ΠΈΠΌΠΎΡΠ²ΡΠ·Ρ ΠΌΠ΅ΠΆΠ΄Ρ ΡΠ²Π΅ΡΠΎΠΌ ΠΈ ΠΏΡΠΈΡ ΠΎΠ»ΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈΠΌ Π²Π»ΠΈΡΠ½ΠΈΠ΅ΠΌ, ΠΊΠΎΡΠΎΡΠΎΠ΅ ΡΠ²Π΅Ρ ΠΎΠΊΠ°Π·ΡΠ²Π°Π΅Ρ Π½Π° ΡΠΎ, ΠΊΠ°ΠΊ ΠΌΡ Π²ΠΎΡΠΏΡΠΈΠ½ΠΈΠΌΠ°Π΅ΠΌ Π±ΡΠ΅Π½Π΄.
Π Π΅ΡΡΠΎΡΠ°Π½Ρ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, ΠΏΡΡΠ°Π»ΠΈΡΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΊΡΠ°ΡΠ½ΡΠΉ ΡΠ²Π΅Ρ, ΡΡΠΎΠ±Ρ ΠΏΡΠΎΠ±ΡΠ΄ΠΈΡΡ ΡΡΠ²ΡΡΠ²ΠΎ Π³ΠΎΠ»ΠΎΠ΄Π°.
ΠΠ΄Π½Π°ΠΊΠΎ ΠΌΠ½ΠΎΠ³ΠΈΠ΅ ΠΏΡΠΈΡ ΠΎΠ»ΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈΠ΅ ΠΎΡΡΠ΅ΡΡ ΠΎ Π²Π»ΠΈΡΠ½ΠΈΠΈ ΡΠ²Π΅ΡΠ° Π΄Π°ΡΡ Π½Π΅ΠΎΠ΄Π½ΠΎΠ·Π½Π°ΡΠ½ΡΠ΅ ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΡβ¦
ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, Π΄Π΅ΠΉΡΡΠ²ΠΈΡΠ΅Π»ΡΠ½ΠΎ Π»ΠΈ ΠΊΡΠ°ΡΠ½ΡΠΉ ΡΠ²Π΅Ρ ΡΡΠΈΠΌΡΠ»ΠΈΡΡΠ΅Ρ Π°ΠΏΠΏΠ΅ΡΠΈΡ? Π€Π°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈΠ΅ ΠΈΡΡΠ»Π΅Π΄ΠΎΠ²Π°Π½ΠΈΡ ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°ΡΡ, ΡΡΠΎ ΠΊΡΠ°ΡΠ½ΡΠΉ ΡΠ²Π΅Ρ ΠΏΠΎΠ΄Π°Π²Π»ΡΠ΅Ρ Π°ΠΏΠΏΠ΅ΡΠΈΡ Ρ Π»ΡΠ΄Π΅ΠΉ ΠΈ ΠΈΠΌΠ΅Π΅Ρ ΡΠ΅Π½Π΄Π΅Π½ΡΠΈΡ ΠΏΠΎΠ΄Π°Π²Π»ΡΡΡ ΠΏΠΎΠ²Π΅Π΄Π΅Π½ΠΈΠ΅ Π² ΡΠ΅Π»ΠΎΠΌ, ΡΡΠΎ-ΡΠΎ Π²ΡΠΎΠ΄Π΅ Π·Π½Π°ΠΊΠ° Β«ΡΡΠΎΠΏΒ».ΠΠ΄Π½Π°ΠΊΠΎ ΠΊΡΠ°ΡΠ½ΡΠΉ Π΄Π΅ΠΉΡΡΠ²ΠΈΡΠ΅Π»ΡΠ½ΠΎ ΡΡΠΈΠΌΡΠ»ΠΈΡΡΠ΅Ρ ΠΊΠΎΡΠΌΠ»Π΅Π½ΠΈΠ΅ ΡΡΠ± Π½ΠΈΠ»ΡΡΠΊΠΎΠΉ ΡΠΈΠ»Π°ΠΏΠΈΠΈ.
Π ΠΈΡΡΠ»Π΅Π΄ΠΎΠ²Π°Π½ΠΈΠΈ ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΠΎΠ² ΠΎΠ»ΠΈΠΌΠΏΠΈΠΉΡΠΊΠΈΠΌ Π±ΠΎΡΡΠ°ΠΌ ΡΠ»ΡΡΠ°ΠΉΠ½ΡΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ Π΄Π°Π²Π°Π»ΠΈ ΡΠΈΠ½ΡΡ ΠΈΠ»ΠΈ ΠΊΡΠ°ΡΠ½ΡΡ ΡΠΎΡΠΌΡ. ΠΠΎΡΡΡ Π² ΠΊΡΠ°ΡΠ½ΠΎΠΉ ΡΠΎΡΠΌΠ΅ Π·Π½Π°ΡΠΈΡΠ΅Π»ΡΠ½ΠΎ ΠΏΡΠ΅Π²Π·ΠΎΡΠ»ΠΈ ΡΠ²ΠΎΠΈΡ ΡΠΎΠΏΠ΅ΡΠ½ΠΈΠΊΠΎΠ² Π² ΡΠΈΠ½Π΅ΠΉ ΡΠΎΡΠΌΠ΅, ΡΡΠΎ ΡΠΊΠ°Π·ΡΠ²Π°Π΅Ρ Π½Π° ΡΠΎ, ΡΡΠΎ ΠΊΡΠ°ΡΠ½ΡΠΉ ΡΠ²Π΅Ρ ΠΌΠΎΠΆΠ΅Ρ ΡΠ΄Π΅Π»Π°ΡΡ Π²Π°Ρ Π±ΠΎΠ»Π΅Π΅ Π°Π³ΡΠ΅ΡΡΠΈΠ²Π½ΡΠΌ ΠΈΠ»ΠΈ Π±ΠΎΠ»Π΅Π΅ ΠΊΠΎΠ½ΠΊΡΡΠ΅Π½ΡΠΎΡΠΏΠΎΡΠΎΠ±Π½ΡΠΌ.
ΠΠΎ Π² Π΄ΡΡΠ³ΠΎΠΌ ΠΈΡΡΠ»Π΅Π΄ΠΎΠ²Π°Π½ΠΈΠΈ, ΠΏΡΠΎΠ²Π΅Π΄Π΅Π½Π½ΠΎΠΌ Π² Π°ΠΊΠ°Π΄Π΅ΠΌΠΈΡΠ΅ΡΠΊΠΎΠΉ ΡΡΠ΅Π΄Π΅, Π½Π°Π»ΠΈΡΠΈΠ΅ ΠΊΡΠ°ΡΠ½ΠΎΠ³ΠΎ ΡΠ²Π΅ΡΠ° ΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈ ΡΠ½ΠΈΠΆΠ°Π΅Ρ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡΠ΅Π»ΡΠ½ΠΎΡΡΡ .
ΠΡΠ΅ ΡΡΠΈ ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΡ ΠΏΡΠ΅Π΄ΠΏΠΎΠ»Π°Π³Π°ΡΡ, ΡΡΠΎ ΠΊΡΠ°ΡΠ½ΡΠΉ ΡΠ²Π΅Ρ ΠΌΠΎΠΆΠ΅Ρ ΡΠ΄Π΅Π»Π°ΡΡ Π²Π°Ρ Β«ΠΏΠΎΠ±Π΅Π΄ΠΈΡΠ΅Π»Π΅ΠΌΒ» ΠΈΠ»ΠΈ Β«ΠΏΡΠΎΠΈΠ³ΡΠ°Π²ΡΠΈΠΌΒ» (ΠΈΠ»ΠΈ Β«Π³ΠΎΠ»ΠΎΠ΄Π½ΡΠΌΒ» ΠΈΠ»ΠΈ Β«Π½Π΅ Π³ΠΎΠ»ΠΎΠ΄Π½ΡΠΌΒ»), Π² Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ ΠΎΡ ΠΊΠΎΠ½ΡΠ΅ΠΊΡΡΠ° (ΠΈ Π² Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ ΠΎΡ ΡΠΎΠ³ΠΎ, ΡΠ΅Π»ΠΎΠ²Π΅ΠΊ Π²Ρ ΠΈΠ»ΠΈ ΡΡΠ±Ρ).
ΠΡΠΎΡ ΠΊΠΎΠ½ΡΠ΅ΠΊΡΡ ΡΡΠ°Π½ΠΎΠ²ΠΈΡΡΡ ΡΠΎΠ»ΡΠΊΠΎ Π±ΠΎΠ»Π΅Π΅ ΡΠ»ΠΎΠΆΠ½ΡΠΌ, Π΅ΡΠ»ΠΈ Π²Ρ ΠΏΠΎΡΠΌΠΎΡΡΠΈΡΠ΅ Π½Π° ΠΊΡΠ»ΡΡΡΡΠ½ΡΠ΅ Π·Π½Π°ΡΠ΅Π½ΠΈΡ, ΡΠ²ΡΠ·Π°Π½Π½ΡΠ΅ Ρ ΡΠ²Π΅ΡΠΎΠΌβ¦
ΠΠΎΠ·ΡΠΌΠ΅ΠΌ, ΠΊ ΠΏΡΠΈΠΌΠ΅ΡΡ, ΡΠ΅ΡΠ½ΡΠΉ ΠΈ Π±Π΅Π»ΡΠΉ ΡΠ²Π΅ΡΠ°.
Π Π·Π°ΠΏΠ°Π΄Π½ΠΎΠΉ ΠΊΡΠ»ΡΡΡΡΠ΅ ΡΠ΅ΡΠ½ΡΠΉ ΡΠ²Π΅Ρ ΡΠΈΠΌΠ²ΠΎΠ»ΠΈΠ·ΠΈΡΡΠ΅Ρ ΠΏΠΎΡ ΠΎΡΠΎΠ½Ρ, ΡΠΌΠ΅ΡΡΡ ΠΈ ΡΡΠ°ΡΡ. ΠΠ΅Π»ΡΠΉ ΡΠ²Π΅Ρ Π°ΡΡΠΎΡΠΈΠΈΡΡΠ΅ΡΡΡ Ρ Π½Π΅Π²Π΅ΡΡΠ°ΠΌΠΈ, ΡΠ²Π°Π΄ΡΠ±Π°ΠΌΠΈ ΠΈ ΡΠΈΡΡΠΎΡΠΎΠΉ.
ΠΠΎ Π² ΠΠΈΡΠ°Π΅ Π²ΡΠ΅ Π½Π°ΠΎΠ±ΠΎΡΠΎΡ: Π±Π΅Π»ΡΠΉ ΡΠ²Π΅Ρ β ΡΠΈΠΌΠ²ΠΎΠ» ΡΠΌΠ΅ΡΡΠΈ ΠΈ ΡΡΠ°ΡΡΠ°. Π§Π΅ΡΠ½ΡΠΉ ΡΠ²Π΅Ρ Π΄Π»Ρ ΠΌΠ°Π»ΡΡΠΈΠΊΠΎΠ².
ΠΠ°ΠΆΠ΅ Π΅ΡΠ»ΠΈ Π²Ρ Π²ΠΊΠ»ΡΡΠΈΡΠ΅ Π² ΡΡΠ°Π²Π½Π΅Π½ΠΈΠ΅ ΡΡΠΎ-ΡΠΎ ΡΡΠΎΠ»Ρ ΠΆΠ΅ ΠΏΡΠΎΠΈΠ·Π²ΠΎΠ»ΡΠ½ΠΎΠ΅, ΠΊΠ°ΠΊ ΠΏΠΎΠ», ΠΎΠ½ΠΎ ΡΡΠ°Π½Π΅Ρ Π±ΠΎΠ»Π΅Π΅ ΡΠ»ΠΎΠΆΠ½ΡΠΌβ¦
Π ΠΈΡΡΠ»Π΅Π΄ΠΎΠ²Π°Π½ΠΈΠΈ ΠΠΆΠΎ Π₯ΡΠ»Π»ΠΎΠΊΠ° Π±ΡΠ»ΠΎ ΡΡΡΠ°Π½ΠΎΠ²Π»Π΅Π½ΠΎ, ΡΡΠΎ ΠΌΡΠΆΡΠΈΠ½Ρ ΠΈ ΠΆΠ΅Π½ΡΠΈΠ½Ρ ΠΏΡΠ΅Π΄ΠΏΠΎΡΠΈΡΠ°ΡΡ ΡΠ°Π·Π½ΡΠ΅ ΡΠ²Π΅ΡΠ° ΡΠ»Π΅Π΄ΡΡΡΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ:
ΠΡΠ°ΠΊ, ΠΊΠ°ΠΊ ΠΌΠ°ΡΠΊΠ΅ΡΠΎΠ»ΠΎΠ³ΠΈ Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΏΠΎΠ½ΠΈΠΌΠ°ΡΡ Π²ΡΠ΅ ΡΡΠΎ? ΠΠ°ΠΊ Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΠΏΡΠΈΡ ΠΎΠ»ΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΎΠ΅ Π²ΠΎΠ·Π΄Π΅ΠΉΡΡΠ²ΠΈΠ΅ ΡΠ²Π΅ΡΠ°, ΡΡΠΎΠ±Ρ ΠΏΠΎΠ±ΡΠ΄ΠΈΡΡ Π»ΡΠ΄Π΅ΠΉ ΠΏΠΎΠΊΡΠΏΠ°ΡΡ Π±ΠΎΠ»ΡΡΠ΅ Π²Π°ΡΠΈΡ Π²Π΅ΡΠ΅ΠΉ?
Π‘ΠΎΠ·Π΄Π°Π½ΠΈΠ΅ ΠΊΠΎΠ½ΡΠ΅ΠΊΡΡΠ°
Π’Π΅ΠΎΡΠ΅ΡΠΈΡΠ΅ΡΠΊΠΈ ΠΌΠΎΠΆΠ΅Ρ ΠΏΠΎΠΊΠ°Π·Π°ΡΡΡΡ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΡΠΌ Π²ΡΠ±ΡΠ°ΡΡ Β«ΠΈΠ΄Π΅Π°Π»ΡΠ½ΡΠΉΒ» ΡΠ²Π΅Ρ: ΡΠΎΡ, ΠΊΠΎΡΠΎΡΡΠΉ ΠΊΡΠ»ΡΡΡΡΠ½ΠΎ ΠΈ Π΄Π΅ΠΌΠΎΠ³ΡΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΠ΅Ρ Π²Π°ΡΠ΅ΠΉ Π»ΠΈΡΠ½ΠΎΡΡΠΈ ΠΏΠΎΠΊΡΠΏΠ°ΡΠ΅Π»Ρ ΠΈ ΠΊΠΎΠ½ΡΠ΅ΠΊΡΡΡΠ°Π»ΡΠ½ΠΎ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΠ΅Ρ Π²Π°ΡΠ΅ΠΌΡ Π±ΡΠ΅Π½Π΄Ρ.
ΠΡΠΎΠ±Π»Π΅ΠΌΠ° Π² ΡΠΎΠΌ, ΡΡΠΎ Π½Π΅Ρ ΡΠ΅ΡΠΊΠΎΠ³ΠΎ ΡΠΏΠΎΡΠΎΠ±Π° ΡΡΠΎ Π΄ΠΎΠΊΠ°Π·Π°ΡΡ.
ΠΠΎΠΏΡΡΡΠΈΠΌ, Π²Ρ ΠΈΠ·ΠΌΠ΅Π½ΠΈΠ»ΠΈ ΡΠ²Π΅Ρ ΠΏΡΠΈΠ·ΡΠ²Π° ΠΊ Π΄Π΅ΠΉΡΡΠ²ΠΈΡ Ρ ΡΠΈΠ½Π΅Π³ΠΎ Π½Π° ΠΊΡΠ°ΡΠ½ΡΠΉ ΠΈ Π·Π°ΠΌΠ΅ΡΠΈΠ»ΠΈ ΡΠΎΡΡ ΠΊΠΎΠ½Π²Π΅ΡΡΠΈΠΉ. ΠΠ·Π½Π°ΡΠ°Π΅Ρ Π»ΠΈ ΡΡΠΎ, ΡΡΠΎ ΠΊΡΠ°ΡΠ½ΡΠΉ ΠΏΡΠ΅ΠΎΠ±ΡΠ°Π·ΡΠ΅ΡΡΡ Π»ΡΡΡΠ΅, ΡΠ΅ΠΌ ΡΠΈΠ½ΠΈΠΉ?
ΠΠ΅ ΠΎΠ±ΡΠ·Π°ΡΠ΅Π»ΡΠ½ΠΎ.
ΠΠΈΠ΄ΠΈΡΠ΅ Π»ΠΈ, Π·Π΄Π΅ΡΡ Π΄Π΅Π»ΠΎ Π½Π΅ ΡΠΎΠ»ΡΠΊΠΎ Π² ΡΠ²Π΅ΡΠ΅ ΡΠ°ΠΌΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ.
ΠΠ΅ΡΠ΅ΠΌΠ΅Π½Π½ΡΠ΅ Π²ΠΊΠ»ΡΡΠ°ΡΡ Π½Π΅ ΡΠΎΠ»ΡΠΊΠΎ Π²Π°Ρ Π±ΡΠ΅Π½Π΄ ΠΈ Π²Π°ΡΡ Π°ΡΠ΄ΠΈΡΠΎΡΠΈΡ, Π½ΠΎ ΠΈ ΠΎΠΊΡΡΠΆΠ°ΡΡΠΈΠΉ Π΄ΠΈΠ·Π°ΠΉΠ½. ΠΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈ Π½Π΅Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ Π²ΡΠ΄Π΅Π»ΠΈΡΡ Π²ΡΠ΅ ΠΏΠ΅ΡΠ΅ΠΌΠ΅Π½Π½ΡΠ΅ ΠΈ ΠΎΠΊΠΎΠ½ΡΠ°ΡΠ΅Π»ΡΠ½ΠΎ Π΄ΠΎΠΊΠ°Π·Π°ΡΡ, ΠΊΠ°ΠΊΠΎΠΉ ΡΠ²Π΅Ρ ΠΏΡΠ΅ΠΎΠ±ΡΠ°Π·ΡΠ΅ΡΡΡ Π»ΡΡΡΠ΅ Π²ΡΠ΅Π³ΠΎ.
Π‘ΠΊΠ°ΠΆΠ΅ΠΌ ΠΏΠΎ-Π΄ΡΡΠ³ΠΎΠΌΡ. Π Π»ΡΡΡΠ΅ΠΌ ΡΠ»ΡΡΠ°Π΅ Π±ΡΠ»ΠΎ Π±Ρ Π½Π΅ΠΏΡΠ°ΠΊΡΠΈΡΠ½ΠΎ ΡΠ½Π°ΡΠ°Π»Π° ΠΏΠΎΠΏΡΡΠ°ΡΡΡΡ ΠΏΠΎΠ½ΡΡΡ, ΠΊΠ°ΠΊ Π²Π°Ρ ΠΏΠΎΠΊΡΠΏΠ°ΡΠ΅Π»Ρ ΡΠ΅Π°Π³ΠΈΡΡΠ΅Ρ Π½Π° ΡΠ²Π΅Ρ, Π° Π·Π°ΡΠ΅ΠΌ ΡΠ°Π·ΡΠ°Π±ΠΎΡΠ°ΡΡ Π½Π° Π΅Π³ΠΎ ΠΎΡΠ½ΠΎΠ²Π΅ ΡΡΡΠ°ΡΠ΅Π³ΠΈΡ ΠΏΡΠ΅ΠΎΠ±ΡΠ°Π·ΠΎΠ²Π°Π½ΠΈΡ Π½Π° ΠΎΡΠ½ΠΎΠ²Π΅ ΡΠ²Π΅ΡΠ°. ΠΡΠ»ΠΎ Π±Ρ ΠΎΡΠ΅Π½Ρ ΡΡΡΠ΄Π½ΠΎ, Π΅ΡΠ»ΠΈ Π½Π΅ Π½Π΅Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Π·Π°ΠΊΡΠ΅ΠΏΠΈΡΡ. ΠΡ Π±Ρ ΠΏΠΎΡΡΠ°ΡΠΈΠ»ΠΈ ΠΌΠ΅Π½ΡΡΠ΅ ΡΡΠΈΠ»ΠΈΠΉ ΠΈ ΡΠ²ΠΈΠ΄Π΅Π»ΠΈ ΠΏΠΎΡ ΠΎΠΆΠΈΠ΅ ΡΠ΅Π·ΡΠ»ΡΡΠ°ΡΡ, Π΅ΡΠ»ΠΈ Π±Ρ ΠΏΡΠΎΡΡΠΎ ΠΏΡΠΎΠ±ΠΎΠ²Π°Π»ΠΈ ΡΠ°Π·Π½ΡΠ΅ ΡΠ²Π΅ΡΠ° ΠΏΠΎ ΠΎΠ΄Π½ΠΎΠΌΡ, ΠΏΠΎΠΊΠ° Π½Π΅ Π½Π°ΡΠ»ΠΈ ΠΎΠ΄ΠΈΠ½, ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΡΠ΅Π²ΠΎΡΡ ΠΎΠ΄ΠΈΡ Π΄ΡΡΠ³ΠΈΠ΅.
ΠΠΎ ΡΡΠΎ Π½Π΅ ΡΠΎ, ΡΡΠΎ ΠΌΡ ΠΏΡΠ΅Π΄Π»Π°Π³Π°Π΅ΠΌ Π²Π°ΠΌ Π΄Π΅Π»Π°ΡΡ. ΠΡΡΡ Π³ΠΎΡΠ°Π·Π΄ΠΎ Π»ΡΡΡΠΈΠΉ ΡΠΏΠΎΡΠΎΠ± ΡΠ΅ΡΠΈΡΡ ΡΡΡ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ Ρ ΡΠ²Π΅ΡΠΎΠΌ, Π½Π΅ Π±ΡΠΎΡΠ°Ρ ΡΡΠΎ-ΡΠΎ Π² ΡΡΠ΅Π½Ρ ΠΈ Π½Π΅ ΡΠΌΠΎΡΡΠ΅ΡΡ, ΡΡΠΎ ΠΏΡΠΈΠ»ΠΈΠΏΠ°Π΅Ρ.
Π§ΡΠΎ ΠΌΡ Π·Π½Π°Π΅ΠΌ ΠΎ ΡΠ²Π΅ΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ Ρ ΠΏΡΠΈΠ·ΡΠ²ΠΎΠΌ ΠΊ Π΄Π΅ΠΉΡΡΠ²ΠΈΡ
ΠΡΠ»ΠΈ Π²Ρ Π½Π΅ Π·Π½Π°Π΅ΡΠ΅, ΠΊΠ°ΠΊ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠ²Π΅Ρ Π½Π° ΡΠ²ΠΎΠ΅ΠΌ Π²Π΅Π±-ΡΠ°ΠΉΡΠ΅, Π½Π΅ Π²ΠΎΠ»Π½ΡΠΉΡΠ΅ΡΡ β Π²Ρ Π½Π΅ ΠΎΠ΄ΠΈΠ½ΠΎΠΊΠΈ. ΠΠ°ΡΠΊΠ΅ΡΠΎΠ»ΠΎΠ³ΠΈ Π΄Π΅ΡΡΡΠΈΠ»Π΅ΡΠΈΡΠΌΠΈ ΠΏΡΡΠ°Π»ΠΈΡΡ Π²Π·Π»ΠΎΠΌΠ°ΡΡ Β«ΡΠ²Π΅ΡΠΎΠ²ΠΎΠΉ ΠΊΠΎΠ΄Β».
ΠΡΠ°ΠΊ, Π²ΠΌΠ΅ΡΡΠΎ ΡΠΎΠ³ΠΎ, ΡΡΠΎΠ±Ρ ΡΠΎΡΡΠ΅Π΄ΠΎΡΠ°ΡΠΈΠ²Π°ΡΡΡΡ Π½Π° ΡΠΎΠΌ, ΡΠ΅Π³ΠΎ ΠΌΡ Π½Π΅ Π·Π½Π°Π΅ΠΌ, Π΄Π°Π²Π°ΠΉΡΠ΅ ΡΠΎΡΡΠ΅Π΄ΠΎΡΠΎΡΠΈΠΌΡΡ Π½Π° ΡΠΎΠΌ, ΡΡΠΎ ΠΌΡ Π΄Π΅Π»Π°Π΅ΠΌ Π·Π½Π°Π΅ΠΌβ¦
ΠΠ°Ρ CTA-ΡΠ²Π΅Ρ Π΄ΠΎΠ»ΠΆΠ΅Π½ ΡΡΠ°ΡΡ ΠΏΠΎΠΏΡΠ»ΡΡΠ½ΡΠΌ
ΠΡ Π·Π½Π°Π΅ΠΌ, ΡΡΠΎ Π±ΠΎΠ»Π΅Π΅ Π·Π°ΠΌΠ΅ΡΠ½ΡΠΉ ΠΈ ΠΏΡΠΈΠ²Π»Π΅ΠΊΠ°ΡΠ΅Π»ΡΠ½ΡΠΉ ΠΏΡΠΈΠ·ΡΠ² ΠΊ Π΄Π΅ΠΉΡΡΠ²ΠΈΡ ΠΏΡΠΈΠ²ΠΎΠ΄ΠΈΡ ΠΊ Π±ΠΎΠ»ΡΡΠ΅ΠΌΡ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²Ρ ΠΊΠΎΠ½Π²Π΅ΡΡΠΈΠΉ.Π‘Π»Π΅Π΄ΠΎΠ²Π°ΡΠ΅Π»ΡΠ½ΠΎ, Π»ΡΠ±ΠΎΠ΅ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ ΡΠ²Π΅ΡΠ°, ΠΊΠΎΡΠΎΡΠΎΠ΅ ΡΠ²Π΅Π»ΠΈΡΠΈΠ²Π°Π΅Ρ Π²ΠΈΠ΄ΠΈΠΌΠΎΡΡΡ Π²Π°ΡΠ΅Π³ΠΎ ΠΏΡΠΈΠ·ΡΠ²Π° ΠΊ Π΄Π΅ΠΉΡΡΠ²ΠΈΡ, Π΄ΠΎΠ»ΠΆΠ½ΠΎ ΡΠ²Π΅Π»ΠΈΡΠΈΠ²Π°ΡΡ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΊΠΎΠ½Π²Π΅ΡΡΠΈΠΉ.
ΠΡΠ»ΠΈ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, ΡΠ²Π΅Ρ Π²Π°ΡΠ΅ΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΌΠ°Π»ΠΎ ΠΊΠΎΠ½ΡΡΠ°ΡΡΠΈΡΡΠ΅Ρ Ρ ΡΠ²Π΅ΡΠΎΠΌ ΡΠΎΠ½Π°, Π²ΠΈΠ΄ΠΈΠΌΠΎΡΡΡ Π±ΡΠ΄Π΅Ρ ΠΏΠ»ΠΎΡ ΠΎΠΉ.
ΠΠΎ ΡΠ²Π΅Π»ΠΈΡΡΡΠ΅ ΠΊΠΎΠ½ΡΡΠ°ΡΡ ΠΌΠ΅ΠΆΠ΄Ρ ΡΠ²Π΅ΡΠΎΠΌ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΈ ΡΠ²Π΅ΡΠΎΠΌ ΡΠΎΠ½Π°, ΠΈ Π±ΡΠΌ! ΠΠ°ΡΠΈ ΠΊΠΎΠ½Π²Π΅ΡΡΠΈΠΈ Π²ΡΡΠ°ΡΡΡΡ.
ΠΠ΅ ΡΡΠ΅Π±ΡΠ΅ΡΡΡ ΠΏΠΎΠ½ΠΈΠΌΠ°Π½ΠΈΠ΅ ΠΊΠΎΠ½ΡΠ΅ΠΊΡΡΠ° ΠΈΠ»ΠΈ ΠΏΡΠΈΡ ΠΎΠ»ΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈΡ ΠΎΡΠ½ΠΎΠ²Π°Π½ΠΈΠΉ.
ΠΠΎΡ ΠΏΡΠΈΠΌΠ΅Ρ ΠΎΡΠ»ΠΈΡΠ½ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ CTA Ρ Π²ΡΡΠΎΠΊΠΎΠΉ ΠΊΠΎΠ½ΡΡΠ°ΡΡΠ½ΠΎΡΡΡΡ:
(ΠΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΠ΅ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»Π΅Π½ΠΎ Dribble.ΠΡΡΠ³ΠΎΠΉ ΡΠ°ΠΊΡΠΎΡ, ΠΊΠΎΡΠΎΡΡΠΉ ΡΠ»Π΅Π΄ΡΠ΅Ρ ΡΡΠΈΡΡΠ²Π°ΡΡ, β ΡΡΠΎ ΠΎΠ±ΡΠ°Ρ ΡΠ²Π΅ΡΠΎΠ²Π°Ρ ΡΡ Π΅ΠΌΠ° Π²Π°ΡΠ΅ΠΉ ΡΡΡΠ°Π½ΠΈΡΡ. ΠΡΠ»ΠΈ Π½Π° Π²Π°ΡΠ΅ΠΉ ΡΡΡΠ°Π½ΠΈΡΠ΅ Π΄ΠΎΠΌΠΈΠ½ΠΈΡΡΠ΅Ρ ΠΎΠ΄ΠΈΠ½ ΡΠ²Π΅Ρ, ΠΈ ΡΡΠΎΡ ΡΠ²Π΅Ρ ΡΠ°ΠΊΠΆΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ Π΄Π»Ρ Π²Π°ΡΠ΅Π³ΠΎ ΠΏΡΠΈΠ·ΡΠ²Π° ΠΊ Π΄Π΅ΠΉΡΡΠ²ΠΈΡ, ΠΎΠ½ Π½Π΅ Π±ΡΠ΄Π΅Ρ Π²ΡΠ΄Π΅Π»ΡΡΡΡΡ. Π§ΡΠΎΠ±Ρ ΡΠ΄Π΅Π»Π°ΡΡ Π²Π°Ρ ΠΏΡΠΈΠ·ΡΠ² ΠΊ Π΄Π΅ΠΉΡΡΠ²ΠΈΡ Π΄Π΅ΠΉΡΡΠ²ΠΈΡΠ΅Π»ΡΠ½ΠΎ ΡΡΠΊΠΈΠΌ, ΡΠ½ΠΎΠ²Π° Π²ΡΠ±Π΅ΡΠΈΡΠ΅ ΠΊΠΎΠ½ΡΡΠ°ΡΡΠ½ΡΠΉ ΡΠ²Π΅Ρ.
Π ΠΎΠ΄Π½ΠΎΠΌ ΡΠ΅ΡΡΠ΅ HubSpot ΠΎΠ±Π½Π°ΡΡΠΆΠΈΠ», ΡΡΠΎ ΠΊΡΠ°ΡΠ½ΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΡΠ°Π±ΠΎΡΠ°ΡΡ Π»ΡΡΡΠ΅, ΡΠ΅ΠΌ Π·Π΅Π»Π΅Π½ΡΠ΅. ΠΠΏΠΎΠ»Π½Π΅ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, ΡΡΠΎ ΠΊΡΠ°ΡΠ½ΡΠΉ ΡΠ²Π΅Ρ ΠΊΠΎΠ½Π²Π΅ΡΡΠΈΡΠΎΠ²Π°Π»ΡΡ Π»ΡΡΡΠ΅, ΡΠ΅ΠΌ Π·Π΅Π»Π΅Π½ΡΠΉ, ΠΏΠΎΡΠΎΠΌΡ ΡΡΠΎ Π·Π΅Π»Π΅Π½ΡΠΉ Π±ΡΠ» Π΄ΠΎΠΌΠΈΠ½ΠΈΡΡΡΡΠΈΠΌ ΡΠ²Π΅ΡΠΎΠΌ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅. Π’Π°ΠΊΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ, ΠΊΡΠ°ΡΠ½ΡΠΉ ΡΠΎΠ·Π΄Π°Π΅Ρ Π±ΠΎΠ»ΡΡΠΈΠΉ ΠΊΠΎΠ½ΡΡΠ°ΡΡ:
Π§ΡΠΎΠ±Ρ ΠΏΠΎΠ»ΡΡΠΈΡΡ ΠΌΠ°ΠΊΡΠΈΠΌΠ°Π»ΡΠ½ΡΡ ΠΊΠΎΠ½ΡΡΠ°ΡΡΠ½ΠΎΡΡΡ, Π²ΡΠ±Π΅ΡΠΈΡΠ΅ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠΉ ΡΠ²Π΅Ρ : ΡΠΎΡ, ΠΊΠΎΡΠΎΡΡΠΉ ΠΏΡΠΎΡΠΈΠ²ΠΎΠΏΠΎΠ»ΠΎΠΆΠ΅Π½ Π²Π°ΡΠ΅ΠΌΡ Π΄ΠΎΠΌΠΈΠ½ΠΈΡΡΡΡΠ΅ΠΌΡ ΡΠ²Π΅ΡΡ Π½Π° ΡΠ²Π΅ΡΠΎΠ²ΠΎΠΌ ΠΊΡΡΠ³Π΅.
ΠΡΠ΅ ΠΎΠ΄ΠΈΠ½ Π²ΡΡΠΎΠΊΠΎΠΊΠΎΠ½ΡΡΠ°ΡΡΠ½ΡΠΉ ΡΠ²Π΅Ρ β ΡΡΠΎ ΡΡΠΈΠ°Π΄Π½ΡΠΉ ΡΠ²Π΅Ρ : ΡΠ²Π΅Ρ, ΠΊΠΎΡΠΎΡΡΠΉ ΡΠΎΡΡΠ°Π²Π»ΡΠ΅Ρ ΡΡΠ΅ΡΡ Π΄Π»ΠΈΠ½Ρ ΡΠ²Π΅ΡΠΎΠ²ΠΎΠ³ΠΎ ΠΊΡΡΠ³Π° ΠΎΡ Π²Π°ΡΠ΅Π³ΠΎ Π΄ΠΎΠΌΠΈΠ½ΠΈΡΡΡΡΠ΅Π³ΠΎ ΡΠ²Π΅ΡΠ°.
ΠΠ°ΡΠΈ ΡΠ²Π΅ΡΠ° Π΄ΠΎΠ»ΠΆΠ½Ρ ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΠΎΠ²Π°ΡΡ ΠΌΠ°ΡΠΊΠ΅
ΠΠ· ΠΈΡΡΠ»Π΅Π΄ΠΎΠ²Π°Π½ΠΈΠΉ ΠΌΡ ΡΠ°ΠΊΠΆΠ΅ Π·Π½Π°Π΅ΠΌ, ΡΡΠΎ Π»ΡΠ΄ΠΈ ΠΏΠΎ-ΡΠ°Π·Π½ΠΎΠΌΡ Π²ΠΎΡΠΏΡΠΈΠ½ΠΈΠΌΠ°ΡΡ ΡΠ²Π΅ΡΠ° Π² Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ ΠΎΡ ΡΠΎΠ³ΠΎ, Π½Π°ΡΠΊΠΎΠ»ΡΠΊΠΎ Ρ ΠΎΡΠΎΡΠΎ ΡΡΠΈ ΡΠ²Π΅ΡΠ° Β«ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΡΡΒ» Π²Π°ΡΠ΅ΠΌΡ Π±ΡΠ΅Π½Π΄Ρ.
ΠΠ΅Π·Π°Π²ΠΈΡΠΈΠΌΠΎ ΠΎΡ ΡΠΎΠ³ΠΎ, ΠΏΡΠΈΠ²Π»Π΅ΠΊΠ°Π΅Ρ Π»ΠΈ Π²Π°Ρ Π±ΡΠ΅Π½Π΄ ΠΈΠ½Π΄ΠΈΠ²ΠΈΠ΄ΡΠ°Π»ΡΠ½ΠΎΡΡΡ Π²Π°ΡΠ΅Π³ΠΎ Π±ΡΠ΅Π½Π΄Π° ΠΈΠ»ΠΈ Π½Π΅Ρ, ΠΈ ΠΏΠΎΠΌΠΎΠ³Π°ΡΡ Π»ΠΈ Π²Π°ΡΠΈ ΡΠ²Π΅ΡΠ° Π²ΠΎΡΠΏΡΠΈΠ½ΠΈΠΌΠ°Π΅ΠΌΠΎΠΉ ΠΈΠ½Π΄ΠΈΠ²ΠΈΠ΄ΡΠ°Π»ΡΠ½ΠΎΡΡΠΈ Π²Π°ΡΠ΅Π³ΠΎ Π±ΡΠ΅Π½Π΄Π° ΠΈΠ»ΠΈ Π²ΡΠ΅Π΄ΠΈΡ Π»ΠΈ ΡΡΠΎ, Π½Π° ΡΠ°ΠΌΠΎΠΌ Π΄Π΅Π»Π΅ Π²Π»ΠΈΡΠ΅Ρ Π½Π° ΡΠ΅ΡΠ΅Π½ΠΈΡ ΠΎ ΠΏΠΎΠΊΡΠΏΠΊΠ΅.
ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, Π΄ΠΎΠΏΡΡΡΠΈΠΌ, Π²Π°Ρ Π±ΡΠ΅Π½Π΄ ΠΆΠ΅ΡΡΠΊΠΈΠΉ, ΡΡΡΠΎΠ²ΡΠΉ ΠΈ ΠΌΡΠΆΠ΅ΡΡΠ²Π΅Π½Π½ΡΠΉβ¦ ΠΊΠ°ΠΊ Harley Davidson. Π ΡΠ΅ΠΏΠ΅ΡΡ ΠΏΡΠ΅Π΄ΡΡΠ°Π²ΡΡΠ΅, Π΅ΡΠ»ΠΈ Π±Ρ ΠΎΠ½ΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π»ΠΈ ΡΠΎΠ·ΠΎΠ²ΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ Ρ ΠΏΡΠΈΠ·ΡΠ²ΠΎΠΌ ΠΊ Π΄Π΅ΠΉΡΡΠ²ΠΈΡ Π²ΠΌΠ΅ΡΡΠΎ Π±ΠΎΠ»ΡΡΠΎΠΉ ΠΎΡΠ°Π½ΠΆΠ΅Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ. ΠΡΠΎ Π½Π΅ ΡΠΎΠ²ΡΠ΅ΠΌ ΡΡΠ°Π±ΠΎΡΠ°Π΅Ρ, Π½Π΅ ΡΠ°ΠΊ Π»ΠΈ?
ΠΠΎΠ»Π½ΡΠΉ ΠΎΡΠ²Π΅Ρ, ΠΊΠΎΠ½Π΅ΡΠ½ΠΎ, ΡΠ°ΠΊΠΎΠ², ΡΡΠΎ ΡΡΠΎ Π·Π°Π²ΠΈΡΠΈΡ ΠΎΡ Π²Π°ΡΠ΅ΠΉ ΡΠ΅Π»Π΅Π²ΠΎΠΉ Π°ΡΠ΄ΠΈΡΠΎΡΠΈΠΈ. ?
ΠΠ°ΡΠΈ ΡΠ²Π΅ΡΠ° Π΄ΠΎΠ»ΠΆΠ½Ρ Π±ΡΡΡ ΠΎΠ΄ΠΈΠ½Π°ΠΊΠΎΠ²ΡΠΌΠΈ
ΠΡΠ΅ ΠΎΠ΄Π½Π° Π²Π΅ΡΡ, ΠΊΠΎΡΠΎΡΡΡ ΠΌΠ°ΡΠΊΠ΅ΡΠΎΠ»ΠΎΠ³ΠΈ Π·Π½Π°ΡΡ ΠΎ ΡΠ²Π΅ΡΠ°Ρ , β ΡΡΠΎ ΡΠΎ, ΡΡΠΎ ΠΌΡ ΠΌΠΎΠΆΠ΅ΠΌ ΠΊΠΎΠ½ΡΡΠΎΠ»ΠΈΡΠΎΠ²Π°ΡΡ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅, ΠΊΠΎΡΠΎΡΠΎΠ΅ Π½Π°ΡΠΈ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΠΈ ΡΠ²ΡΠ·ΡΠ²Π°ΡΡ Ρ Π½ΠΈΠΌΠΈ.
ΠΠΎΠΌΠ½ΠΈΡΠ΅ ΡΠ΅ ΠΈΡΡΠ»Π΅Π΄ΠΎΠ²Π°Π½ΠΈΡ, ΠΎ ΠΊΠΎΡΠΎΡΡΡ ΠΌΡ ΡΠΏΠΎΠΌΠΈΠ½Π°Π»ΠΈ ΡΠ°Π½Π΅Π΅? ΠΠ°ΠΊ ΠΊΡΠ°ΡΠ½ΡΠΉ ΡΠ²Π΅Ρ ΠΌΠΎΠΆΠ΅Ρ ΠΈΠΌΠ΅ΡΡ ΡΠΎΠ²Π΅ΡΡΠ΅Π½Π½ΠΎ ΡΠ°Π·Π½ΠΎΠ΅ Π²Π»ΠΈΡΠ½ΠΈΠ΅ Π² Π·Π°Π²ΠΈΡΠΈΠΌΠΎΡΡΠΈ ΠΎΡ ΠΊΠΎΠ½ΡΠ΅ΠΊΡΡΠ°? ΠΠΎΠ³ΠΈΡΠ΅ΡΠΊΠ°Ρ ΠΏΡΠΈΡΠΈΠ½Π° Π² ΡΠΎΠΌ, ΡΡΠΎ ΠΈΠ· ΡΡΠΎΠ³ΠΎ ΠΊΠΎΠ½ΡΠ΅ΠΊΡΡΠ° ΡΠΎΠ·Π΄Π°Π΅ΡΡΡ Π°ΡΡΠΎΡΠΈΠ°ΡΠΈΡ .
ΠΠ°ΠΏΡΠΈΠΌΠ΅Ρ, ΡΠΈΠ½ΠΈΠΉ β Π½Π°ΠΈΠ±ΠΎΠ»Π΅Π΅ ΡΠ°ΡΡΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΠΌΡΠΉ ΡΠ²Π΅Ρ Π΄Π»Ρ Π³ΠΈΠΏΠ΅ΡΡΡΡΠ»ΠΎΠΊ. ΠΠΎΡΡΠΎΠΌΡ Ρ Π±ΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²Π° Π»ΡΠ΄Π΅ΠΉ ΡΠΈΠ½ΠΈΠΉ ΡΠ²Π΅Ρ Π°ΡΡΠΎΡΠΈΠΈΡΡΠ΅ΡΡΡ Ρ Π³ΠΈΠΏΠ΅ΡΡΡΡΠ»ΠΊΠ°ΠΌΠΈ. ΠΠ½ΠΈ Π·Π½Π°ΡΡ, ΡΡΠΎ Π΅ΡΠ»ΠΈ ΡΠ΅ΠΊΡΡ Π½Π° ΡΡΡΠ°Π½ΠΈΡΠ΅ ΡΠΈΠ½ΠΈΠΉ, Π²Ρ, Π²Π΅ΡΠΎΡΡΠ½ΠΎ, ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠ΅Π»ΠΊΠ½ΡΡΡ ΠΏΠΎ Π½Π΅ΠΌΡ.
Π’ΠΎ ΠΆΠ΅ ΡΠ°ΠΌΠΎΠ΅ ΠΈ Ρ ΠΊΠ½ΠΎΠΏΠΊΠ°ΠΌΠΈ Ρ ΠΏΡΠΈΠ·ΡΠ²ΠΎΠΌ ΠΊ Π΄Π΅ΠΉΡΡΠ²ΠΈΡ.ΠΠ°ΠΌ Π½Π΅ Π½ΡΠΆΠ½ΠΎ Π²ΡΠ±ΠΈΡΠ°ΡΡ ΡΠΈΠ½ΠΈΠΉ ΡΠ²Π΅Ρ, Π½ΠΎ ΠΈΠΌΠ΅ΠΉΡΠ΅ Π² Π²ΠΈΠ΄Ρ, ΡΡΠΎ Π»ΡΠ±ΠΎΠΉ ΡΠ²Π΅Ρ, ΠΊΠΎΡΠΎΡΡΠΉ Π²Ρ Π½Π°Π·Π½Π°ΡΠ°Π΅ΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠ΅, ΡΠ΅ΠΏΠ΅ΡΡ Π±ΡΠ΄Π΅Ρ ΡΠ²ΡΠ·Π°Π½ Ρ Π΄Π΅ΠΉΡΡΠ²ΠΈΠ΅ΠΌ. ΠΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ ΡΡΠΎ Π² ΡΠ²ΠΎΠΈΡ ΠΈΠ½ΡΠ΅ΡΠ΅ΡΠ°Ρ , ΠΏΠΎΡΡΠΎΡΠ½Π½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ ΡΡΠΎΡ ΡΠ²Π΅Ρ Π΄Π»Ρ Π²ΡΠ΅Ρ ΠΏΡΠΈΠ·ΡΠ²ΠΎΠ² ΠΊ Π΄Π΅ΠΉΡΡΠ²ΠΈΡ Π½Π° Π²Π°ΡΠ΅ΠΌ ΡΠ°ΠΉΡΠ΅.
ΠΠ΅ Π²Π²ΠΎΠ΄ΠΈΡΠ΅ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ Π² Π·Π°Π±Π»ΡΠΆΠ΄Π΅Π½ΠΈΠ΅, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ ΠΎΠ΄ΠΈΠ½ ΠΈ ΡΠΎΡ ΠΆΠ΅ ΡΠ²Π΅Ρ Π΄Π»Ρ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠΎΠ², Π½Π΅ ΡΠ²ΡΠ·Π°Π½Π½ΡΡ Ρ Π΄Π΅ΠΉΡΡΠ²ΠΈΠ΅ΠΌ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ Π·Π°Π³ΠΎΠ»ΠΎΠ²ΠΊΠΎΠ², Π½Π° ΠΊΠΎΡΠΎΡΡΠ΅ Π½Π΅Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ Π½Π°ΠΆΠ°ΡΡ.
Π’ΠΎΡΠ½ΠΎ ΡΠ°ΠΊ ΠΆΠ΅ Π½Π΅ Π²Π²ΠΎΠ΄ΠΈΡΠ΅ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ Π² Π·Π°Π±Π»ΡΠΆΠ΄Π΅Π½ΠΈΠ΅, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ Π½Π° ΠΎΠ΄Π½ΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΠ΅ ΠΌΠ½ΠΎΠ³ΠΎ ΡΠ°Π·Π½ΡΡ ΡΠ²Π΅ΡΠΎΠ² ΠΏΡΠΈΠ·ΡΠ²Π° ΠΊ Π΄Π΅ΠΉΡΡΠ²ΠΈΡ.
OptinMonster ΠΏΠΎΡΡΠΎΡΠ½Π½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅Ρ Π·Π΅Π»Π΅Π½ΡΠΉ ΡΠ²Π΅Ρ Π΄Π»Ρ Π²ΡΠ΅Ρ ΡΠ²ΠΎΠΈΡ ΠΎΡΠ½ΠΎΠ²Π½ΡΡ ΠΊΠ½ΠΎΠΏΠΎΠΊ ΠΏΡΠΈΠ·ΡΠ²Π° ΠΊ Π΄Π΅ΠΉΡΡΠ²ΠΈΡ.ΠΠ΅Π½Π΅Π΅ Π²Π°ΠΆΠ½ΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ (Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, ΠΊΠ½ΠΎΠΏΠΊΠ° Β«ΠΠΎΠ΄ΠΏΠΈΡΠ°ΡΡΡΡΒ» Π² Π½ΠΈΠΆΠ½Π΅ΠΌ ΠΊΠΎΠ»ΠΎΠ½ΡΠΈΡΡΠ»Π΅) ΠΈΠΌΠ΅ΡΡ Π½ΠΈΠ·ΠΊΠΎΠΊΠΎΠ½ΡΡΠ°ΡΡΠ½ΡΠΉ ΡΠΈΠ½ΠΈΠΉ ΡΠ²Π΅Ρ. Π’Π°ΠΊΠΈΠΌ ΠΎΠ±ΡΠ°Π·ΠΎΠΌ, ΡΠΎΠ²Π΅ΡΡΠ΅Π½Π½ΠΎ ΡΡΠ½ΠΎ, ΡΡΠΎ Π΄ΠΎΠ»ΠΆΠ΅Π½ Π΄Π΅Π»Π°ΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Ρ: Π½Π°ΠΆΠΌΠΈΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΡ Β«ΠΠΎΠ»ΡΡΠΈΡΡ OptinMonster ΡΠ΅ΠΉΡΠ°ΡΒ».
Π‘ΠΎΠ³Π»Π°ΡΠΎΠ²Π°Π½Π½ΠΎΡΡΡ ΡΠΎΠ·Π΄Π°Π΅Ρ Ρ ΠΎΡΠΎΡΠ΅Π΅ Π²ΠΏΠ΅ΡΠ°ΡΠ»Π΅Π½ΠΈΠ΅ Π΄Π»Ρ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»Π΅ΠΉ Π²Π΅Π±-ΡΠ°ΠΉΡΠ°, ΡΡΠΎ ΠΈΠΌΠ΅Π΅Ρ ΡΠ΅ΡΠ°ΡΡΠ΅Π΅ Π·Π½Π°ΡΠ΅Π½ΠΈΠ΅ Π΄Π»Ρ ΠΎΠΏΡΠΈΠΌΠΈΠ·Π°ΡΠΈΠΈ ΠΊΠΎΡΡΡΠΈΡΠΈΠ΅Π½ΡΠ° ΠΊΠΎΠ½Π²Π΅ΡΡΠΈΠΈ.
ΠΡΠΎΠ³ ΠΏΠΎ ΡΠ²Π΅ΡΡ
ΠΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈ Π½Π΅Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ Π΄ΠΎΠΊΠ°Π·Π°ΡΡ, ΡΡΠΎ ΠΊΠ°ΠΊΠΎΠΉ-ΡΠΎ ΠΎΠ΄ΠΈΠ½ ΡΠ²Π΅Ρ Π»ΡΡΡΠ΅ Π»ΡΠ±ΠΎΠ³ΠΎ Π΄ΡΡΠ³ΠΎΠ³ΠΎ Π΄Π»Ρ ΡΠ±Π΅ΠΆΠ΄Π΅Π½ΠΈΡ Π°ΡΠ΄ΠΈΡΠΎΡΠΈΠΈ. Π‘Π»ΠΈΡΠΊΠΎΠΌ ΠΌΠ½ΠΎΠ³ΠΎ ΠΏΠ΅ΡΠ΅ΠΌΠ΅Π½Π½ΡΡ ΠΈ ΡΠ»ΠΈΡΠΊΠΎΠΌ ΠΌΠ½ΠΎΠ³ΠΎ ΠΏΡΠΎΡΠΈΠ²ΠΎΡΠ΅ΡΠΈΠ²ΡΡ ΡΠ²ΠΈΠ΄Π΅ΡΠ΅Π»ΡΡΡΠ², ΡΡΠΎΠ±Ρ ΠΏΡΠΈΠΉΡΠΈ ΠΊ ΠΊΠ°ΠΊΠΎΠΌΡ-Π»ΠΈΠ±ΠΎ ΡΠ½ΠΈΠ²Π΅ΡΡΠ°Π»ΡΠ½ΠΎΠΌΡ Π²ΡΠ²ΠΎΠ΄Ρ.
ΠΠΎΡΡΠΎΠΌΡ Π²ΠΌΠ΅ΡΡΠΎ ΡΠΎΠ³ΠΎ, ΡΡΠΎΠ±Ρ ΠΏΡΡΠ°ΡΡΡΡ Π½Π°ΠΉΡΠΈ Β«ΠΈΠ΄Π΅Π°Π»ΡΠ½ΡΠΉΒ» ΡΠ²Π΅Ρ, Π²ΡΠ±Π΅ΡΠΈΡΠ΅ ΡΠ²Π΅Ρ, ΠΊΠΎΡΠΎΡΡΠΉ ΡΠ²Π΅Π»ΠΈΡΠΈΠ²Π°Π΅Ρ Π·Π°ΠΌΠ΅ΡΠ½ΠΎΡΡΡ Π²Π°ΡΠ΅Π³ΠΎ ΠΏΡΠΈΠ·ΡΠ²Π° ΠΊ Π΄Π΅ΠΉΡΡΠ²ΠΈΡ. ΠΡΠΏΠΎΠ»ΡΠ·ΡΡ ΡΡΠΎΡ ΠΏΡΠΎΡΡΠΎΠΉ ΠΈ ΠΏΡΠΎΠ²Π΅ΡΠ΅Π½Π½ΡΠΉ ΠΏΠΎΠ΄Ρ ΠΎΠ΄, Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΏΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈ Π³Π°ΡΠ°Π½ΡΠΈΡΠΎΠ²Π°ΡΡ ΡΠ²Π΅Π»ΠΈΡΠ΅Π½ΠΈΠ΅ ΠΊΠΎΠ½Π²Π΅ΡΡΠΈΠΈ.
ΠΡΠ»ΠΈ Π²Ρ ΠΈΡΠ΅ΡΠ΅ Π½Π°Π΄Π΅ΠΆΠ½ΡΠΉ ΡΠΏΠΎΡΠΎΠ± ΠΏΠΎΠ²ΡΡΠΈΡΡ ΠΊΠΎΡΡΡΠΈΡΠΈΠ΅Π½Ρ ΠΊΠΎΠ½Π²Π΅ΡΡΠΈΠΈ, Π²Π°ΠΌ ΠΏΠΎΠ΄ΠΎΠΉΠ΄Π΅Ρ ΡΠ°ΠΊΠΎΠ΅ ΠΏΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΎΠ΅ ΡΠ΅ΡΠ΅Π½ΠΈΠ΅, ΠΊΠ°ΠΊ OptinMonster. ΠΠΌΠ΅ΡΡΠΎ ΡΠΎΠ³ΠΎ, ΡΡΠΎΠ±Ρ Π³Π°Π΄Π°ΡΡ Π² ΡΠ΅ΠΌΠ½ΠΎΡΠ΅, OptinMonster ΠΏΠΎΠΌΠΎΠΆΠ΅Ρ Π²Π°ΠΌ ΡΠ»ΡΡΡΠΈΡΡ ΠΏΠΎΠΊΠ°Π·Π°ΡΠ΅Π»ΠΈ ΠΊΠΎΠ½Π²Π΅ΡΡΠΈΠΈ Ρ ΠΏΠΎΠΌΠΎΡΡΡ Π±ΠΎΠ»Π΅Π΅ ΡΠ΅ΡΠΊΠΎΠΉ Π°Π½Π°Π»ΠΈΡΠΈΠΊΠΈ ΠΈ ΠΏΡΠΎΡΡΠΎΠ³ΠΎ ΡΠΏΠ»ΠΈΡ-ΡΠ΅ΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ A / B.ΠΠ°ΠΆΠΌΠΈΡΠ΅ Π·Π΄Π΅ΡΡ, ΡΡΠΎΠ±Ρ ΠΏΠΎΠΏΡΠΎΠ±ΠΎΠ²Π°ΡΡ OptinMonster ΠΈ Π·Π½Π°ΡΠΈΡΠ΅Π»ΡΠ½ΠΎ ΡΠ²Π΅Π»ΠΈΡΠΈΡΡ ΠΊΠΎΠ»ΠΈΡΠ΅ΡΡΠ²ΠΎ ΠΊΠΎΠ½Π²Π΅ΡΡΠΈΠΉ Π½Π° Π²Π°ΡΠ΅ΠΌ ΡΠ°ΠΉΡΠ΅.
ΠΡΠ°ΠΊ, ΠΊΠ°ΠΊΠΎΠΉ ΡΠ²Π΅Ρ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΏΡΠΈΠ·ΡΠ²Π° ΠΊ Π΄Π΅ΠΉΡΡΠ²ΠΈΡ Π²Π°ΠΌ Π±ΠΎΠ»ΡΡΠ΅ Π²ΡΠ΅Π³ΠΎ ΠΏΠΎΠ΄Ρ ΠΎΠ΄ΠΈΡ? ΠΡ ΠΏΡΠΎΠ±ΠΎΠ²Π°Π»ΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠ°Π·Π½ΡΠ΅ ΡΠ²Π΅ΡΠ° Π½Π° ΡΠ²ΠΎΠ΅ΠΌ ΡΠ°ΠΉΡΠ΅? ΠΠ°ΠΉΡΠ΅ Π½Π°ΠΌ Π·Π½Π°ΡΡ ΠΎΠ± ΡΡΠΎΠΌ Π² ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΡΡ !
ΠΠΏΡΠ±Π»ΠΈΠΊΠΎΠ²Π°Π½ΠΎ ΠΡΡΠΈ Π€Π΅ΡΠ½Π°Π½Π΄Π΅Ρ
ΠΡΡΠΈ Π€Π΅ΡΠ½Π°Π½Π΄Π΅Ρ β ΠΏΡΠΎΡΠ΅ΡΡΠΈΠΎΠ½Π°Π»ΡΠ½ΡΠΉ Π±Π»ΠΎΠ³Π³Π΅Ρ. ΠΠΎΠ³Π΄Π° Π΅Π΅ Π½Π΅Ρ Π·Π° ΡΡΠΎΠ»ΠΎΠΌ, ΠΡΡΠΈ ΠΎΠ±ΡΡΠ½ΠΎ ΠΈΡΡΠ»Π΅Π΄ΡΠ΅Ρ ΡΠΎΠ»Π½Π΅ΡΠ½ΡΠΉ Π‘Π°Π½-ΠΠΈΠ΅Π³ΠΎ, ΡΡΠ°Ρ ΠΠ°Π»ΠΈΡΠΎΡΠ½ΠΈΡ, ΡΠΎ ΡΠ²ΠΎΠΈΠΌ Π½ΠΎΡΡΠ±ΡΠΊΠΎΠΌ, ΠΌΡΠΆΠ΅ΠΌ ΠΈ ΡΡΠ΅ΠΌΡ Π΄Π΅ΡΡΠΌΠΈ Π½Π° Π±ΡΠΊΡΠΈΡΠ΅.
ΠΠ°ΠΊ Π½Π°ΡΡΡΠΎΠΈΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ ΠΎΡΠΏΡΠ°Π²ΠΊΠΈ Ρ ΠΏΠΎΠΌΠΎΡΡΡ CSS
ΠΠΠΠΠΠΠΠΠΠ: ΠΏΠΎΠΏΡΠΎΠ±ΡΠΉΡΠ΅ Π²ΠΈΠ΄Π΅ΠΎΠΊΡΡΡ Form Designer Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΠ°Π½ΡΠ°ΡΡΠΈΡΠ΅ΡΠΊΠΈΡ
ΡΡΠΈΠ»Π΅ΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΎΡΠΏΡΠ°Π²ΠΊΠΈ!
ΠΠ½Π°Π΅ΡΠ΅ Π»ΠΈ Π²Ρ, ΡΡΠΎ Π·Π΅Π»Π΅Π½ΡΠΉ ΠΈ ΡΠΈΠ½ΠΈΠΉ β ΡΠ°ΠΌΡΠ΅ ΡΠ°ΡΡΠ»Π°Π±Π»ΡΡΡΠΈΠ΅ ΡΠ²Π΅ΡΠ°? ΠΠΎΡ ΠΏΠΎΡΠ΅ΠΌΡ ΠΎΠ½ΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΡΡ ΡΠ°ΠΌΡΠΌΠΈ ΠΏΠΎΠΏΡΠ»ΡΡΠ½ΡΠΌΠΈ Π²Π΅Π±-ΡΠ°ΠΉΡΠ°ΠΌΠΈ, ΡΡΠΎΠ±Ρ ΠΏΠΎΠΌΠΎΡΡ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΠΌ ΡΡΠ²ΡΡΠ²ΠΎΠ²Π°ΡΡ ΡΠ΅Π±Ρ ΠΊΠΎΠΌΡΠΎΡΡΠ½ΠΎ ΠΏΡΠΈ ΠΏΡΠΎΡΠΌΠΎΡΡΠ΅ ΡΡΠΈΡ Π²Π΅Π±-ΡΠ°ΠΉΡΠΎΠ².ΠΠ½ΠΎΠΏΠΊΠΈ ΠΎΡΠΏΡΠ°Π²ΠΊΠΈ Π² Π²Π΅Π±-ΡΠΎΡΠΌΠ°Ρ ΡΠ°ΠΊΠΆΠ΅ Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΊΠ°Π·Π°ΡΡΡΡ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΡΠΌΠΈ, ΠΏΠΎΡΠΎΠΌΡ ΡΡΠΎ ΠΈΠΌΠ΅Π½Π½ΠΎ Π·Π΄Π΅ΡΡ Π»ΡΠ΄ΠΈ Π΄Π΅Π»ΡΡΡΡ ΡΠ²ΠΎΠ΅ΠΉ ΡΠ°ΠΌΠΎΠΉ ΠΊΠΎΠ½ΡΠΈΠ΄Π΅Π½ΡΠΈΠ°Π»ΡΠ½ΠΎΠΉ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠ΅ΠΉ.
Π‘ ΠΏΠΎΠΌΠΎΡΡΡ ΡΡΠΎΠ³ΠΎ ΡΡΠΊΠΎΠ²ΠΎΠ΄ΡΡΠ²Π° Π²Ρ ΡΠ·Π½Π°Π΅ΡΠ΅, ΠΊΠ°ΠΊ Π½Π°ΡΡΡΠΎΠΈΡΡ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΎΡΠΏΡΠ°Π²ΠΊΠΈ, ΡΡΠΎΠ±Ρ Π²Π°ΡΠΈ ΠΏΠΎΡΠ΅ΡΠΈΡΠ΅Π»ΠΈ ΡΡΠ²ΡΡΠ²ΠΎΠ²Π°Π»ΠΈ ΡΠ΅Π±Ρ ΠΊΠΎΠΌΡΠΎΡΡΠ½ΠΎ ΠΏΡΠΈ ΠΎΡΠΏΡΠ°Π²ΠΊΠ΅ ΡΠ²ΠΎΠ΅ΠΉ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΠΈ ΠΈ ΠΏΠΎΠ²ΡΡΠ°Π»ΠΈ ΠΊΠΎΡΡΡΠΈΡΠΈΠ΅Π½Ρ ΠΊΠΎΠ½Π²Π΅ΡΡΠΈΠΈ.
1. Π©Π΅Π»ΠΊΠ½ΠΈΡΠ΅ Π·Π½Π°ΡΠΎΠΊ ΠΊΠΎΠ½ΡΡΡΡΠΊΡΠΎΡΠ° ΡΠΎΡΠΌ
2. ΠΠ΅ΡΠ΅ΠΉΠ΄ΠΈΡΠ΅ Π½Π° Π²ΠΊΠ»Π°Π΄ΠΊΡ Β« CSS Β» ΠΈ Π²ΡΡΠ°Π²ΡΡΠ΅ ΡΠ»Π΅Π΄ΡΡΡΠΈΠΉ ΠΊΠΎΠ΄ CSS ΠΈΠ»ΠΈ ΡΠ²ΠΎΠΈ ΡΠΎΠ±ΡΡΠ²Π΅Π½Π½ΡΠ΅ ΠΊΠΎΠ΄Ρ CSS.
.ΠΊΠ½ΠΎΠΏΠΊΠ° ΠΎΡΠΏΡΠ°Π²ΠΊΠΈ ΡΠΎΡΠΌΡ {
ΡΠΎΠ½: # 0066A2;
ΡΠ²Π΅Ρ: Π±Π΅Π»ΡΠΉ;
Π±ΠΎΡΠ΄ΡΡ: Π½Π°ΡΠ°Π»ΡΠ½ΡΠΉ;
ΡΠ²Π΅Ρ ΡΠ°ΠΌΠΊΠΈ: # 0066A2;
Π²ΡΡΠΎΡΠ°: 50 ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ;
ΡΠΈΡΠΈΠ½Π°: 100 ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ;
ΡΡΠΈΡΡ: ΠΏΠΎΠ»ΡΠΆΠΈΡΠ½ΡΠΉ, 15 ΠΏΠΈΠΊΡΠ΅Π»Π΅ΠΉ, Π±Π΅Π· Π·Π°ΡΠ΅ΡΠ΅ΠΊ;
ΡΠ΅Π½Ρ ΡΠ΅ΠΊΡΡΠ°: Π½Π΅Ρ;
}
ΠΠΎΡ ΠΊΠ°ΠΊ ΡΡΠΎ Π±ΡΠ΄Π΅Ρ Π²ΡΠ³Π»ΡΠ΄Π΅ΡΡ ΠΏΠΎΡΠΎΠΌ
ΠΠΎΠ΄ΡΠΎΠ±Π½Π°Ρ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ ΠΎ ΠΊΠΎΠ΄Π΅ CSS Π΄Π»Ρ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΎΡΠΏΡΠ°Π²ΠΊΠΈ
.form-submit-button β Π²ΡΠ±ΠΈΡΠ°Π΅Ρ ΠΊΠ½ΠΎΠΏΠΊΡ ΠΎΡΠΏΡΠ°Π²ΠΊΠΈ Π² Π²Π°ΡΠ΅ΠΉ ΡΠΎΡΠΌΠ΅.
ΡΠΎΠ½ β Π£ΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅Ρ ΡΠ²Π΅Ρ ΡΠΎΠ½Π° Π΄Π»Ρ ΡΠ΅ΠΊΡΡΠ°.
ΡΠ²Π΅Ρ β ΠΠΏΡΠ΅Π΄Π΅Π»ΡΠ΅Ρ ΡΠ²Π΅Ρ Π²Π°ΡΠ΅Π³ΠΎ ΡΠ΅ΠΊΡΡΠ°.
border-style β Π£ΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅Ρ ΡΡΠΈΠ»Ρ Π³ΡΠ°Π½ΠΈΡ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΎΡΠΏΡΠ°Π²ΠΊΠΈ.
border-color β Π£ΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅Ρ ΡΠ²Π΅Ρ Π³ΡΠ°Π½ΠΈΡ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΎΡΠΏΡΠ°Π²ΠΊΠΈ.
Π²ΡΡΠΎΡΠ° β Π£ΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅Ρ Π²ΡΡΠΎΡΡ Π²Π°ΡΠ΅ΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΈ ΡΠΊΠ°Π·ΡΠ²Π°Π΅ΡΡΡ Π² ΠΏΠΈΠΊΡΠ΅Π»ΡΡ .
ΡΠΈΡΠΈΠ½Π° β Π£ΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅Ρ ΡΠΈΡΠΈΠ½Ρ Π²Π°ΡΠ΅ΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΈ ΡΠΊΠ°Π·ΡΠ²Π°Π΅ΡΡΡ Π² ΠΏΠΈΠΊΡΠ΅Π»ΡΡ .
ΡΡΠΈΡΡ β Π£ΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅Ρ ΡΠ²ΠΎΠΉΡΡΠ²Π° ΡΡΠΈΡΡΠ°.
ΠΠ ΠΠΠΠ§ΠΠΠΠ. ΠΠ΅ Π·Π°Π±ΡΠ΄ΡΡΠ΅ ΠΏΠΎΡΡΠ°Π²ΠΈΡΡ ΡΠΎΡΠΊΡ Ρ Π·Π°ΠΏΡΡΠΎΠΉ (;) ΠΏΠΎΡΠ»Π΅ ΠΊΠ°ΠΆΠ΄ΠΎΠ³ΠΎ ΡΠ²ΠΎΠΉΡΡΠ²Π°.
ΠΠ½ΠΎΠΏΠΊΠ° ΠΎΡΠΏΡΠ°Π²ΠΊΠΈ CSS3 ΠΈ ΡΡΡΠ΅ΠΊΡ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΡ
ΠΡΠΏΠΎΠ»Π½ΠΈΡΠ΅ Π΄Π΅ΠΉΡΡΠ²ΠΈΡ ΠΏΠΎ ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΡ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΎΡΠΏΡΠ°Π²ΠΊΠΈ, ΠΊΠ°ΠΊ ΡΠΊΠ°Π·Π°Π½ΠΎ Π²ΡΡΠ΅. ΠΠ΄ΠΈΠ½ΡΡΠ²Π΅Π½Π½ΠΎΠ΅, ΡΡΠΎ ΠΌΠ΅Π½ΡΠ΅ΡΡΡ, β ΡΡΠΎ ΠΊΠΎΠ΄.
ΠΡΠΈΠΌΠ΅Ρ CSS3 Π΄Π»Ρ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΎΡΠΏΡΠ°Π²ΠΊΠΈ:
.form-submit-button {
background: # B9DFFF;
ΡΠ²Π΅Ρ: #fff;
Π³ΡΠ°Π½ΠΈΡΠ°: ΡΠΏΠ»ΠΎΡΠ½Π°Ρ 1px #eee;
border-radius: 20px;
box-shadow: 5px 5px 5px #eee;
ΡΠ΅Π½Ρ ΡΠ΅ΠΊΡΡΠ°: Π½Π΅Ρ;
}
.ΠΊΠ½ΠΎΠΏΠΊΠ° ΠΎΡΠΏΡΠ°Π²ΠΊΠΈ ΡΠΎΡΠΌΡ: Π½Π°Π²Π΅Π΄ΠΈΡΠ΅ ΡΠΊΠ°Π·Π°ΡΠ΅Π»Ρ ΠΌΡΡΠΈ Π½Π° {
ΡΠΎΠ½: # 016ABC;
ΡΠ²Π΅Ρ: #fff;
Π³ΡΠ°Π½ΠΈΡΠ°: ΡΠΏΠ»ΠΎΡΠ½Π°Ρ 1px #eee;
border-radius: 20px;
box-shadow: 5px 5px 5px #eee;
ΡΠ΅Π½Ρ ΡΠ΅ΠΊΡΡΠ°: Π½Π΅Ρ;
}
ΠΠΎΡ ΠΊΠ°ΠΊ ΡΡΠΎ Π²ΡΠ³Π»ΡΠ΄ΠΈΡ.
ΠΈ ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ Π½Π° Π½Π΅Π³ΠΎ ΡΠΊΠ°Π·Π°ΡΠ΅Π»Ρ ΠΌΡΡΠΈ:
ΠΠΎΠ΄ΡΠΎΠ±Π½Π°Ρ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ ΠΎ ΠΊΠ°ΠΆΠ΄ΠΎΠΌ ΠΊΠΎΠ΄Π΅ CSS3 Π΄Π»Ρ Π²Π°ΡΠ΅ΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΎΡΠΏΡΠ°Π²ΠΊΠΈ
.form-submit-button: hover β ΡΡΠΎ ΠΊΠ»Π°ΡΡ, ΠΊΠΎΠ³Π΄Π° ΡΠΊΠ°Π·Π°ΡΠ΅Π»Ρ ΠΌΡΡΠΈ Π½Π°Ρ ΠΎΠ΄ΠΈΡΡΡ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΠ΅ ΠΎΡΠΏΡΠ°Π²ΠΊΠΈ. ΠΡΠ΅ ΠΎΡΡΠ°Π»ΡΠ½ΡΠ΅ ΠΏΠΎΠ»Ρ ΠΎΡΡΠ°ΡΡΡΡ ΡΠ°ΠΊΠΈΠΌΠΈ ΠΆΠ΅, ΠΊΡΠΎΠΌΠ΅ ΡΠΎΠ½Π°, ΡΡΠΎΠ±Ρ ΠΏΠΎΠΊΠ°Π·Π°ΡΡ, ΡΡΠΎ ΠΏΡΠΎΠΈΡΡ ΠΎΠ΄ΠΈΡ ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΠΊΡΡΡΠΎΡΠ° ΠΌΡΡΠΈ.
border-radius β Π·Π°ΠΊΡΡΠ³Π»ΡΠ΅Ρ ΡΠ³ΠΎΠ» ΠΊΠ½ΠΎΠΏΠΎΠΊ ΠΎΡΠΏΡΠ°Π²ΠΊΠΈ.
box-shadow β Π£ΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅Ρ ΡΠ΅Π½Ρ Π΄Π»Ρ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΎΡΠΏΡΠ°Π²ΠΊΠΈ.
text-shadow (Π½Π΅ ΠΏΡΠΈΠΌΠ΅Π½ΡΠ΅ΡΡΡ ΠΊ ΠΏΡΠΈΠΌΠ΅ΡΡ) β Π£ΡΡΠ°Π½Π°Π²Π»ΠΈΠ²Π°Π΅Ρ ΡΠ΅Π½Ρ Π΄Π»Ρ ΡΠ΅ΠΊΡΡΠ° Π²Π½ΡΡΡΠΈ Π²Π°ΡΠ΅ΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΎΡΠΏΡΠ°Π²ΠΊΠΈ.
ΠΠ°ΠΊ Ρ Π²Π°Ρ Π΄Π΅Π»Π°? ΠΠΎΠΆΠ°Π»ΡΠΉΡΡΠ°, ΠΏΠΎΠ΄Π΅Π»ΠΈΡΠ΅ΡΡ ΡΠ²ΠΎΠΈΠΌΠΈ ΠΌΡΡΠ»ΡΠΌΠΈ ΠΈΠ»ΠΈ ΠΏΡΠ΅Π΄Π»ΠΎΠΆΠ΅Π½ΠΈΡΠΌΠΈ Π² ΡΠ°Π·Π΄Π΅Π»Π΅ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠ΅Π² Π½ΠΈΠΆΠ΅.
ΠΠ°ΡΠ° ΡΠ»ΡΠΆΠ±Π° ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠΈ ΠΊΠ»ΠΈΠ΅Π½ΡΠΎΠ² ΡΠ°Π±ΠΎΡΠ°Π΅Ρ ΠΊΡΡΠ³Π»ΠΎΡΡΡΠΎΡΠ½ΠΎ ΠΈ Π±Π΅Π· Π²ΡΡ ΠΎΠ΄Π½ΡΡ , Π° ΡΡΠ΅Π΄Π½Π΅Π΅ Π²ΡΠ΅ΠΌΡ ΠΎΡΠ²Π΅ΡΠ° ΡΠΎΡΡΠ°Π²Π»ΡΠ΅Ρ ΠΎΡ ΠΎΠ΄Π½ΠΎΠ³ΠΎ Π΄ΠΎ Π΄Π²ΡΡ ΡΠ°ΡΠΎΠ².
Bootstrap Buttons β ΠΏΡΠΈΠΌΠ΅ΡΡ ΠΈ ΡΡΠΊΠΎΠ²ΠΎΠ΄ΡΡΠ²ΠΎ
Buttons
ΠΠ΄Π°ΠΏΡΠΈΠ²Π½ΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ, ΡΠΎΠ·Π΄Π°Π½Π½ΡΠ΅ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ ΠΏΠΎΡΠ»Π΅Π΄Π½Π΅ΠΉ Π²Π΅ΡΡΠΈΠΈ Bootstrap 5. ΠΠ½ΠΎΠΏΠΊΠΈ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²Π»ΡΡΡ ΠΏΡΠ΅Π΄ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΡΠ΅ ΡΡΠΈΠ»ΠΈ (ΠΏΡΠ΅Π΄ΡΠΏΡΠ΅ΠΆΠ΄Π΅Π½ΠΈΠ΅, ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ, ΠΎΠΏΠ°ΡΠ½ΠΎΡΡΡ) Π΄Π»Ρ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΈΡ ΡΠΈΠΏΠΎΠ² ΠΊΠ½ΠΎΠΏΠΎΠΊ: ΠΊΠΎΠ½ΡΡΡΠ½ΡΠ΅, ΠΎΠΊΡΡΠ³Π»ΡΠ΅, ΡΠΎΡΠΈΠ°Π»ΡΠ½ΡΠ΅, ΠΏΠ»Π°Π²Π°ΡΡΠΈΠ΅, ΡΠΈΠΊΡΠΈΡΠΎΠ²Π°Π½Π½ΡΠ΅, ΡΠ΅Π³ΠΈ ΠΈ Ρ. Π.
ΠΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ Π½Π°ΡΡΡΠ°ΠΈΠ²Π°Π΅ΠΌΡΠ΅ ΡΡΠΈΠ»ΠΈ ΠΊΠ½ΠΎΠΏΠΎΠΊ MDB Π΄Π»Ρ Π΄Π΅ΠΉΡΡΠ²ΠΈΠΉ Π² ΡΠΎΡΠΌΠ°Ρ , Π΄ΠΈΠ°Π»ΠΎΠ³ΠΎΠ²ΡΡ ΠΎΠΊΠ½Π°Ρ ΠΈ Ρ. Π. Π‘ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠΎΠΉ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠ°Π·ΠΌΠ΅ΡΠΎΠ², ΡΠΎΡΡΠΎΡΠ½ΠΈΠΉ ΠΈ Ρ. Π΄.
ΠΡΠΈΠΌΠ΅ΡΠ°Π½ΠΈΠ΅: ΠΡΠΎΡΡΠΈΡΠ΅ Π²ΠΊΠ»Π°Π΄ΠΊΡ API , ΡΡΠΎΠ±Ρ Π½Π°ΠΉΡΠΈ Π²ΡΠ΅ Π΄ΠΎΡΡΡΠΏΠ½ΡΠ΅ ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΡ ΠΈ ΡΠ°ΡΡΠΈΡΠ΅Π½Π½Π°Ρ Π½Π°ΡΡΡΠΎΠΉΠΊΠ°
ΠΠΈΠ΄Π΅ΠΎΡΡΠΎΠΊ
ΠΠ°Π·ΠΎΠ²ΡΠΉ ΠΏΡΠΈΠΌΠ΅Ρ
ΠΠ½ΠΎΠΏΠΊΠ°
ΠΡΠΊΠ»ΡΡΠΈΡΡ ΠΏΠ΅ΡΠ΅Π½ΠΎΡ ΡΠ΅ΠΊΡΡΠ°
ΠΡΠ»ΠΈ Π²Ρ Π½Π΅ Ρ
ΠΎΡΠΈΡΠ΅, ΡΡΠΎΠ±Ρ ΡΠ΅ΠΊΡΡ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΏΠ΅ΡΠ΅Π½ΠΎΡΠΈΠ»ΡΡ, Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ .text-nowrap
ΠΊ ΠΊΠ½ΠΎΠΏΠΊΠ΅. Π Sass Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΡ $ btn-white-space: nowrap
, ΡΡΠΎΠ±Ρ ΠΎΡΠΊΠ»ΡΡΠΈΡΡ ΠΏΠ΅ΡΠ΅Π½ΠΎΡ ΡΠ΅ΠΊΡΡΠ° Π΄Π»Ρ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ.
Π¦Π²Π΅ΡΠ°
MDB Π²ΠΊΠ»ΡΡΠ°Π΅Ρ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΠΏΡΠ΅Π΄ΠΎΠΏΡΠ΅Π΄Π΅Π»Π΅Π½Π½ΡΡ ΡΡΠΈΠ»Π΅ΠΉ ΠΊΠ½ΠΎΠΏΠΎΠΊ, ΠΊΠ°ΠΆΠ΄ΡΠΉ ΠΈΠ· ΠΊΠΎΡΠΎΡΡΡ ΡΠ»ΡΠΆΠΈΡ ΡΠ²ΠΎΠ΅ΠΉ ΡΠ΅ΠΌΠ°Π½ΡΠΈΡΠ΅ΡΠΊΠΎΠΉ ΡΠ΅Π»ΠΈ, Ρ Π½Π΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΡΠ°ΡΠΈΡΡΠΎΠ² Π΄ΠΎΠ±Π°Π²Π»Π΅Π½Ρ Π΄Π»Ρ Π±ΠΎΠ»ΡΡΠ΅Π³ΠΎ ΠΊΠΎΠ½ΡΡΠΎΠ»Ρ.
ΠΠ°ΡΠ°Π»ΡΠ½ΡΠΉ ΠΡΠΎΡΠΈΡΠ½ΡΠΉ Π£ΡΠΏΠ΅Ρ ΠΠΏΠ°ΡΠ½ΠΎΡΡΡ ΠΡΠ΅Π΄ΡΠΏΡΠ΅ΠΆΠ΄Π΅Π½ΠΈΠ΅ ΠΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ Π‘Π²Π΅Ρ Π’ΡΠΌΠ° Π‘Π²ΡΠ·Ρ
ΠΠ΅ΡΠ΅Π΄Π°ΡΠ° ΡΠΌΡΡΠ»Π° Π²ΡΠΏΠΎΠΌΠΎΠ³Π°ΡΠ΅Π»ΡΠ½ΡΠΌ ΡΠ΅Ρ
Π½ΠΎΠ»ΠΎΠ³ΠΈΡΠΌ:
ΠΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ ΡΠ²Π΅ΡΠ° Π΄Π»Ρ Π΄ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΡ ΡΠΌΡΡΠ»Π° Π΄Π°Π΅Ρ ΡΠΎΠ»ΡΠΊΠΎ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΡΡ ΠΈΠ½Π΄ΠΈΠΊΠ°ΡΠΈΡ, ΠΊΠΎΡΠΎΡΠ°Ρ Π½Π΅ Π±ΡΠ΄Π΅Ρ ΠΏΠ΅ΡΠ΅Π΄Π°Π½Π°
ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΠΈ Π²ΡΠΏΠΎΠΌΠΎΠ³Π°ΡΠ΅Π»ΡΠ½ΡΡ
ΡΠ΅Ρ
Π½ΠΎΠ»ΠΎΠ³ΠΈΠΉ, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ ΠΏΡΠΎΠ³ΡΠ°ΠΌΠΌ ΡΡΠ΅Π½ΠΈΡ Ρ ΡΠΊΡΠ°Π½Π°.Π£Π±Π΅Π΄ΠΈΡΠ΅ΡΡ, ΡΡΠΎ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ, ΠΎΠ±ΠΎΠ·Π½Π°ΡΠ΅Π½Π½Π°Ρ
ΡΠ²Π΅Ρ Π»ΠΈΠ±ΠΎ ΠΎΡΠ΅Π²ΠΈΠ΄Π΅Π½ ΠΈΠ· ΡΠ°ΠΌΠΎΠ³ΠΎ ΠΊΠΎΠ½ΡΠ΅Π½ΡΠ° (Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, Π²ΠΈΠ΄ΠΈΠΌΠΎΠ³ΠΎ ΡΠ΅ΠΊΡΡΠ°), Π»ΠΈΠ±ΠΎ Π²ΠΊΠ»ΡΡΠ΅Π½
Π°Π»ΡΡΠ΅ΡΠ½Π°ΡΠΈΠ²Π½ΡΠΌΠΈ ΡΠΏΠΎΡΠΎΠ±Π°ΠΌΠΈ, ΡΠ°ΠΊΠΈΠΌΠΈ ΠΊΠ°ΠΊ Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠΉ ΡΠ΅ΠΊΡΡ, ΡΠΊΡΡΡΡΠΉ Ρ ΠΏΠΎΠΌΠΎΡΡΡ . ΠΠΈΠ·ΡΠ°Π»ΡΠ½ΠΎ ΡΠΊΡΡΡΡΠΉ
ΠΊΠ»Π°ΡΡ.
ΠΠΎΠ½ΡΡΡ
ΠΡΠΆΠ½Π° ΠΊΠ½ΠΎΠΏΠΊΠ°, Π½ΠΎ Π½Π΅ Π±ΠΎΠ³Π°ΡΡΠ΅ ΡΠ²Π΅ΡΠ° ΡΠΎΠ½Π°, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΎΠ½ΠΈ ΠΏΡΠΈΠ½ΠΎΡΡΡ? ΠΠ°ΠΌΠ΅Π½ΠΈΡΡ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ
ΠΊΠ»Π°ΡΡΡ-ΠΌΠΎΠ΄ΠΈΡΠΈΠΊΠ°ΡΠΎΡΡ Ρ .btn-outline- *
, ΡΡΠΎΠ±Ρ ΡΠ΄Π°Π»ΠΈΡΡ Π²ΡΠ΅ ΡΠΎΠ½ΠΎΠ²ΡΠ΅ ΠΈΠ·ΠΎΠ±ΡΠ°ΠΆΠ΅Π½ΠΈΡ ΠΈ
ΡΠ²Π΅ΡΠ° Π½Π° Π»ΡΠ±ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠ΅.
Π ΠΊΠ½ΠΎΠΏΠΊΠ°Ρ
ΡΡΡΡΠΊΡΡΡΡ ΠΌΡ ΡΠ΅ΠΊΠΎΠΌΠ΅Π½Π΄ΡΠ΅ΠΌ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ data-mdb-ripple-color = "dark"
, ΡΡΠΎΠ±Ρ ΠΈΠ·ΠΌΠ΅Π½ΠΈΡΡ ΡΠ²Π΅Ρ Π²ΠΎΠ»Π½ΠΎΠ²ΠΎΠΉ ΡΡΡΠ΅ΠΊΡ . Π‘Π²Π΅ΡΠ»ΡΠΉ ΡΠ²Π΅Ρ ΡΡΠ±ΠΈ ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ (ΠΏΡΠΈΠΌΠ΅Π½ΡΠ΅ΡΡΡ Π°Π²ΡΠΎΠΌΠ°ΡΠΈΡΠ΅ΡΠΊΠΈ
ΠΊ ΠΊΠ°ΠΆΠ΄ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠ΅) ΠΌΠΎΠ³ΡΡ Π±ΡΡΡ ΠΏΠ»ΠΎΡ
ΠΎ Π²ΠΈΠ΄Π½Ρ Π² ΡΠ»ΡΡΠ°Π΅ ΠΊΠ½ΠΎΠΏΠΎΠΊ ΡΠΎ ΡΠ²Π΅ΡΠΎΠΌ ΠΈ ΠΊΠΎΠ½ΡΡΡΠΎΠΌ.
Π§ΡΠΎΠ±Ρ ΡΠ·Π½Π°ΡΡ Π±ΠΎΠ»ΡΡΠ΅ ΠΎΠ± ΡΡΡΠ΅ΠΊΡΠ΅ ΡΡΠ±ΠΈ ΠΈ Π²ΡΠ΅Ρ Π΄ΠΎΡΡΡΠΏΠ½ΡΡ ΠΎΠΏΡΠΈΡΡ , ΠΏΠΎΡΠΌΠΎΡΡΠΈΡΠ΅ ΠΠΎΠΊΡΠΌΠ΅Π½ΡΡ Ripple.
ΠΠ°ΡΠ°Π»ΡΠ½ΡΠΉ ΠΡΠΎΡΠΈΡΠ½ΡΠΉ Π£ΡΠΏΠ΅Ρ ΠΠΏΠ°ΡΠ½ΠΎΡΡΡ ΠΡΠ΅Π΄ΡΠΏΡΠ΅ΠΆΠ΄Π΅Π½ΠΈΠ΅ ΠΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ Π‘Π²Π΅Ρ Π’ΡΠΌΠ°
Π Π½Π΅ΠΊΠΎΡΠΎΡΡΡ ΡΡΠΈΠ»ΡΡ ΠΊΠ½ΠΎΠΏΠΎΠΊ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅ΡΡΡ ΠΎΡΠ½ΠΎΡΠΈΡΠ΅Π»ΡΠ½ΠΎ ΡΠ²Π΅ΡΠ»ΡΠΉ ΡΠ²Π΅Ρ ΠΏΠ΅ΡΠ΅Π΄Π½Π΅Π³ΠΎ ΠΏΠ»Π°Π½Π°, ΠΈ ΠΈΡ ΡΠ»Π΅Π΄ΡΠ΅Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠΎΠ»ΡΠΊΠΎ Π½Π° ΡΠ΅ΠΌΠ½ΡΠΉ ΡΠΎΠ½ Π΄Π»Ρ ΠΎΠ±Π΅ΡΠΏΠ΅ΡΠ΅Π½ΠΈΡ Π΄ΠΎΡΡΠ°ΡΠΎΡΠ½ΠΎΠ³ΠΎ ΠΊΠΎΠ½ΡΡΠ°ΡΡΠ°.
ΠΎΠΊΡΡΠ³Π»Π΅Π½ΠΎ
ΠΠΎΠ±Π°Π²ΡΡΠ΅ .btn-rounded
class, ΡΡΠΎΠ±Ρ ΠΊΠ½ΠΎΠΏΠΊΠ° Π·Π°ΠΊΡΡΠ³Π»ΡΠ»Π°ΡΡ.
ΠΠ°ΠΊΡΡΠ³Π»Π΅Π½Π½ΡΠΉ ΠΊΠΎΠ½ΡΡΡ
ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ .btn-outline- *
ΠΈ .btn-Round
Π²ΠΌΠ΅ΡΡΠ΅, ΡΡΠΎΠ±Ρ ΠΏΠΎΠ»ΡΡΠΈΠ»ΡΡ
ΠΎΡΠ΅ΡΡΠ°Π½ΠΈΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΈ Π·Π°ΠΊΡΡΠ³Π»Π΅Π½ΠΈΠ΅ ΠΎΠ΄Π½ΠΎΠ²ΡΠ΅ΠΌΠ΅Π½Π½ΠΎ.
ΠΊΠ½ΠΎΠΏΠΊΠ° <
type = "ΠΊΠ½ΠΎΠΏΠΊΠ°"
data-mdb-ripple-color = "ΡΠ΅ΠΌΠ½ΡΠΉ"
>
ΠΠ°ΡΠ°Π»ΡΠ½ΡΠΉ
ΠΊΠ½ΠΎΠΏΠΊΠ° <
type = "ΠΊΠ½ΠΎΠΏΠΊΠ°"
data-mdb-ripple-color = "ΡΠ΅ΠΌΠ½ΡΠΉ"
>
ΠΡΠΎΡΠΈΡΠ½ΡΠΉ
ΠΊΠ½ΠΎΠΏΠΊΠ° <
type = "ΠΊΠ½ΠΎΠΏΠΊΠ°"
data-mdb-ripple-color = "ΡΠ΅ΠΌΠ½ΡΠΉ"
>
Π£ΡΠΏΠ΅Ρ
ΠΊΠ½ΠΎΠΏΠΊΠ° <
type = "ΠΊΠ½ΠΎΠΏΠΊΠ°"
data-mdb-ripple-color = "ΡΠ΅ΠΌΠ½ΡΠΉ"
>
ΠΠΏΠ°ΡΠ½ΠΎΡΡΡ
ΠΊΠ½ΠΎΠΏΠΊΠ° <
type = "ΠΊΠ½ΠΎΠΏΠΊΠ°"
data-mdb-ripple-color = "ΡΠ΅ΠΌΠ½ΡΠΉ"
>
ΠΡΠ΅Π΄ΡΠΏΡΠ΅ΠΆΠ΄Π΅Π½ΠΈΠ΅
ΠΊΠ½ΠΎΠΏΠΊΠ° <
type = "ΠΊΠ½ΠΎΠΏΠΊΠ°"
data-mdb-ripple-color = "ΡΠ΅ΠΌΠ½ΡΠΉ"
>
ΠΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ
ΠΊΠ½ΠΎΠΏΠΊΠ° <
type = "ΠΊΠ½ΠΎΠΏΠΊΠ°"
data-mdb-ripple-color = "ΡΠ΅ΠΌΠ½ΡΠΉ"
>
Π‘Π²Π΅Ρ
ΠΊΠ½ΠΎΠΏΠΊΠ° <
type = "ΠΊΠ½ΠΎΠΏΠΊΠ°"
data-mdb-ripple-color = "ΡΠ΅ΠΌΠ½ΡΠΉ"
>
Π’ΡΠΌΠ°
ΠΠ»Π°Π²Π°ΡΡΠΈΠΉ
ΠΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ .btn-Floating
, ΡΡΠΎΠ±Ρ ΡΠ΄Π΅Π»Π°ΡΡ ΠΊΡΡΠ³Π»ΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ.
ΠΠ»Ρ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎΠΉ ΡΠ°Π±ΠΎΡΡ Π²Π°ΠΌ Π½ΡΠΆΠ½ΠΎ ΠΏΠΎΠΌΠ΅ΡΡΠΈΡΡ Π·Π½Π°ΡΠΎΠΊ Π²Π½ΡΡΡΡ. Π’Π΅ΠΊΡΡ Π½Π΅ Π±ΡΠ΄Π΅Ρ Π²ΠΏΠΈΡΡΠ²Π°ΡΡΡΡ. ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π½Π°ΠΉΡΠΈ ΡΠΎΡΠ½ΠΈ Π΄ΠΎΡΡΡΠΏΠ½ΡΡ Π·Π½Π°ΡΠΊΠΎΠ² Π² Π½Π°ΡΠ΅ΠΌ Π·Π½Π°ΡΠΊΠΈ docs.
Π ΠΏΠ»Π°Π²Π°ΡΡΠΈΠΌ ΠΊΠ½ΠΎΠΏΠΊΠ°ΠΌ ΠΌΠΎΠΆΠ½ΠΎ ΠΏΡΠΈΠΌΠ΅Π½ΠΈΡΡ ΠΏΠΎΡΡΠΈ Π²ΡΠ΅ ΡΠ΅ ΠΆΠ΅ ΠΊΠ»Π°ΡΡΡ ΠΈ Π°ΡΡΠΈΠ±ΡΡΡ, ΡΡΠΎ ΠΈ ΠΊ ΠΎΠ±ΡΡΠ½ΡΠ΅ ΠΏΡΠ³ΠΎΠ²ΠΈΡΡ β ΡΠ²Π΅ΡΠ°, ΡΡΠ±Ρ, ΡΠ°Π·ΠΌΠ΅ΡΡ, ΠΊΠΎΠ½ΡΡΡ ΠΈ Ρ. Π΄.
ΠΊΠ½ΠΎΠΏΠΊΠ° <
type = "ΠΊΠ½ΠΎΠΏΠΊΠ°"
data-mdb-ripple-color = "ΡΠ΅ΠΌΠ½ΡΠΉ"
>
ΠΠ½ΠΎΠΏΠΊΠΈ ΡΠΈΠΊΡΠΈΡΠΎΠ²Π°Π½Π½ΡΠ΅
ΠΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ .fixed-action-btn
ΠΊΠ»Π°ΡΡ Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΡΠΈΠΊΡΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΡΠΎ ΡΠΏΠΈΡΠΊΠΎΠΌ Π΄ΠΎΡΡΡΠΏΠ½ΡΡ
ΠΏΠ°ΡΠ°ΠΌΠ΅ΡΡΡ, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΎΡΠΎΠ±ΡΠ°ΠΆΠ°ΡΡΡΡ ΠΏΡΠΈ Π½Π°Π²Π΅Π΄Π΅Π½ΠΈΠΈ ΠΈΠ»ΠΈ ΡΠ΅Π»ΡΠΊΠ΅.
Π‘ΠΌ. ΠΠΈΠ²ΠΎΠΉ ΠΏΡΠΈΠΌΠ΅Ρ ΡΠΈΠΊΡΠΈΡΠΎΠ²Π°Π½Π½ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π² ΠΏΡΠ°Π²ΠΎΠΌ Π½ΠΈΠΆΠ½Π΅ΠΌ ΡΠ³Π»Ρ ΡΡΠΎΠΉ ΡΡΡΠ°Π½ΠΈΡΡ.
ΠΡΠΈΠΌΠ΅ΡΠ°Π½ΠΈΠ΅: ΠΠΎΡΡΡΠΏΠ½Ρ ΠΏΠΎΠΊΠ°Π·Π°ΡΡ
/ ΡΠΊΡΡΡΡ
ΠΌΠ΅ΡΠΎΠ΄Ρ Π΄Π»Ρ
Π²ΡΡΡΠ½ΡΡ ΠΎΡΠΊΡΡΡΡ ΠΈ Π·Π°ΠΊΡΡΡΡ ΡΠΏΠΈΡΠΎΠΊ. ΠΡΠΎΡΡΠΈΡΠ΅ Π²ΠΊΠ»Π°Π΄ΠΊΡ API , ΡΡΠΎΠ±Ρ ΡΠ·Π½Π°ΡΡ Π±ΠΎΠ»ΡΡΠ΅.
<Π°
>
-
<Π°
>
-
<Π°
>
-
<Π°
>
-
<Π°
>
Π‘ΠΎΡΠΈΠ°Π»ΡΠ½ΡΠ΅ ΡΠ΅ΡΠΈ
ΠΠΎΠΌΠ±ΠΈΠ½ΠΈΡΡΡ Π½Π°ΡΠΈ Π·Π½Π°ΡΠΊΠΈ ΠΈ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠ΅ ΡΠ²Π΅ΡΠ°, Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΡΠΎΡΠΈΠ°Π»ΡΠ½ΡΡ ΡΠ΅ΡΠ΅ΠΉ.ΠΠ±ΡΠ΅Π΄ΠΈΠ½ΡΡ Π½Π°ΡΠΈ Π·Π½Π°ΡΠΊΠΈ ΠΈ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΡΡΠΊΠΈΠ΅ ΡΠ²Π΅ΡΠ°, Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠΎΠ·Π΄Π°Π²Π°ΡΡ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΡΠΎΡΠΈΠ°Π»ΡΠ½ΡΡ ΡΠ΅ΡΠ΅ΠΉ. Π‘ΠΌΠΎΡΡΠΈΡΠ΅ Π²ΡΠ΅ Π΄ΠΎΡΡΡΠΏΠ½ΡΠ΅ Π·Π½Π°ΡΠΊΠΈ Π² Π½Π°ΡΠ΅ΠΌ ΠΏΠΎΠΈΡΠΊ ΠΈΠΊΠΎΠ½ΠΎΠΊ (ΠΏΡΠΎΠ²Π΅ΡΡΡΠ΅ Β«Π±ΡΠ΅Π½Π΄ΡΒ» Π΄Π»Ρ ΡΠΈΠ»ΡΡΡΠ°ΡΠΈΠΈ Π·Π½Π°ΡΠΊΠΎΠ² Π±ΡΠ΅Π½Π΄ΠΎΠ²).
Π ΠΏΡΠΈΠ²Π΅Π΄Π΅Π½Π½ΠΎΠΌ Π½ΠΈΠΆΠ΅ ΠΏΡΠΈΠΌΠ΅ΡΠ΅ ΠΌΡ ΡΠ°Π·ΠΌΠ΅ΡΠ°Π΅ΠΌ Π·Π½Π°ΡΠΎΠΊ Facebook
Π²Π½ΡΡΡΠΈ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΈ ΡΡΡΠ°Π½ΠΎΠ²ΠΈΡΠ΅
ΡΠ²Π΅Ρ ΡΠΎΠ½Π° ΠΎΡ Π΄ΠΎ # 3B5998
(ΡΠ²Π΅Ρ Π±ΡΠ΅Π½Π΄Π° facebook).
ΠΠ±ΡΠ°Π·ΡΡ ΠΌΠ°ΡΠΎΠΊ
ΠΠ΅ΡΠΊΠΎΠ»ΡΠΊΠΎ ΡΠ°ΠΌΡΡ ΠΏΠΎΠΏΡΠ»ΡΡΠ½ΡΡ Π±ΡΠ΅Π½Π΄ΠΎΠ² Π² Π²ΠΈΠ΄Π΅ ΡΠΎΡΠΈΠ°Π»ΡΠ½ΡΡ ΠΊΠ½ΠΎΠΏΠΎΠΊ.
ΠΠ»Π°Π²Π°ΡΡΠΈΠΉ ΡΠΎΡΠΈΠ°Π»ΡΠ½ΡΠΉ
ΠΠΎΠ±Π°Π²ΠΈΠ² .btn-Floating
Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠΎΠ·Π΄Π°ΡΡ ΠΊΡΠ°ΡΠΈΠ²ΡΡ ΠΏΠ»Π°Π²Π°ΡΡΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ ΡΠΎΡΠΈΠ°Π»ΡΠ½ΡΡ
ΡΠ΅ΡΠ΅ΠΉ.
<Π°
href = "#!"
ΡΠΎΠ»Ρ = "ΠΊΠ½ΠΎΠΏΠΊΠ°"
>
Π’Π΅ΠΊΡΡ
ΠΠ°ΠΌ Π½Π΅ Π½ΡΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΠΎΠ»ΡΠΊΠΎ Π·Π½Π°ΡΠΎΠΊ. ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΡΠ΅ΠΊΡΡ ΠΊ ΠΊΠ½ΠΎΠΏΠΊΠ΅. ΠΠ΅ Π·Π°Π±ΡΠ΄ΡΡΠ΅ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ
ΠΊΠ»Π°ΡΡΡ ΠΈΠ½ΡΠ΅ΡΠ²Π°Π»ΠΎΠ² (Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, .me-2
), ΡΡΠΎΠ±Ρ ΠΎΠ±Π΅ΡΠΏΠ΅ΡΠΈΡΡ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎΠ΅ ΡΠ°ΡΡΡΠΎΡΠ½ΠΈΠ΅ ΠΌΠ΅ΠΆΠ΄Ρ Π·Π½Π°ΡΠΊΠΎΠΌ ΠΈ
ΡΠ΅ΠΊΡΡ.
Twitter
Π’ΠΎΠ»ΡΠΊΠΎ Π·Π½Π°ΡΠΎΠΊ
Π£Π²Π΅Π΄ΠΎΠΌΠ»Π΅Π½ΠΈΡ
ΠΡΠΏΠΎΠ»ΡΠ·ΡΡ Π·Π½Π°ΡΠΎΠΊ, Π²Ρ ΠΌΠΎΠΆΠ΅ΡΠ΅ ΡΠΎΠ·Π΄Π°ΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ Ρ ΡΠ²Π΅Π΄ΠΎΠΌΠ»Π΅Π½ΠΈΠ΅ΠΌ, ΡΡΠΎΠ±Ρ ΠΏΡΠ΅Π΄ΠΎΡΡΠ°Π²ΠΈΡΡ ΡΡΠ΅ΡΡΠΈΠΊ.
8
8
Π’Π΅Π³ΠΈ
ΠΠ»Π°ΡΡΡ .btn
ΠΏΡΠ΅Π΄Π½Π°Π·Π½Π°ΡΠ΅Π½Ρ Π΄Π»Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΡ Ρ
Π Π°Π·ΠΌΠ΅ΡΡ
Π₯ΠΎΡΠΈΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π±ΠΎΠ»ΡΡΠ΅Π³ΠΎ ΠΈΠ»ΠΈ ΠΌΠ΅Π½ΡΡΠ΅Π³ΠΎ ΡΠ°Π·ΠΌΠ΅ΡΠ°? Π‘ΠΊΠ»Π°Π΄ΡΠ²Π°Π΅ΠΌ .btn-lg
ΠΈΠ»ΠΈ .btn-sm
Π΄Π»Ρ
Π΄ΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠ΅ ΡΠ°Π·ΠΌΠ΅ΡΡ.
ΠΠΊΡΠΈΠ²Π½ΠΎΠ΅ ΡΠΎΡΡΠΎΡΠ½ΠΈΠ΅
ΠΠΎΠ±Π°Π²ΡΡΠ΅ ΠΊΠ»Π°ΡΡ .active
, ΡΡΠΎΠ±Ρ ΠΊΠ½ΠΎΠΏΠΊΠ° Π²ΡΠ³Π»ΡΠ΄Π΅Π»Π° Π½Π°ΠΆΠ°ΡΠΎΠΉ.
ΠΠ΅ΡΠ²ΠΈΡΠ½Π°Ρ ΡΡΡΠ»ΠΊΠ°
Π‘ΡΡΠ»ΠΊΠ°
ΠΡΠΊΠ»ΡΡΠ΅Π½ΠΎ
ΠΡΠΊΠ»ΡΡΠ΅Π½Π½ΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ, ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½Ρ
, Π²Π΅Π΄ΡΡ ΡΠ΅Π±Ρ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ ΠΈΠ½Π°ΡΠ΅:
-
disabled
, ΠΏΠΎΡΡΠΎΠΌΡ Π½Π΅ΠΎΠ±Ρ ΠΎΠ΄ΠΈΠΌΠΎ Π΄ΠΎΠ±Π°Π²ΠΈΡΡ ΠΌΠΎΠ΄Π΅Π»Ρ.ΠΎΡΠΊΠ»ΡΡΠ΅Π½ ΠΊΠ»Π°ΡΡ
, ΡΡΠΎΠ±Ρ ΠΎΠ½ Π²ΠΈΠ·ΡΠ°Π»ΡΠ½ΠΎ ΠΊΠ°Π·Π°Π»ΡΡ ΠΎΡΠΊΠ»ΡΡΠ΅Π½Π½ΡΠΌ. - ΠΠΊΠ»ΡΡΠ΅Π½Ρ Π½Π΅ΠΊΠΎΡΠΎΡΡΠ΅ ΡΠ΄ΠΎΠ±Π½ΡΠ΅ Π΄Π»Ρ Π±ΡΠ΄ΡΡΠ΅Π³ΠΎ ΡΡΠΈΠ»ΠΈ, ΡΡΠΎΠ±Ρ ΠΎΡΠΊΠ»ΡΡΠΈΡΡ Π²ΡΠ΅
ΡΠΎΠ±ΡΡΠΈΡ ΡΠΊΠ°Π·Π°ΡΠ΅Π»Ρ
Π½Π° ΡΠΊΠΎΡΠ½ΡΡ ΠΊΠ½ΠΎΠΏΠΊΠ°Ρ . Π Π±ΡΠ°ΡΠ·Π΅ΡΠ°Ρ , ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°ΡΡΠΈΡ ΡΡΠΎ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ, Π²Ρ ΠΎΡΠΊΠ»ΡΡΠ΅Π½Π½ΠΎΠ³ΠΎ ΠΊΡΡΡΠΎΡΠ° Π²ΠΎΠΎΠ±ΡΠ΅ Π½Π΅ Π±ΡΠ΄Π΅Ρ. - ΠΡΠΊΠ»ΡΡΠ΅Π½Π½ΡΠ΅ ΠΊΠ½ΠΎΠΏΠΊΠΈ Π΄ΠΎΠ»ΠΆΠ½Ρ Π²ΠΊΠ»ΡΡΠ°ΡΡ
aria-disabled = "true"
Π°ΡΡΠΈΠ±ΡΡ, ΡΠΊΠ°Π·ΡΠ²Π°ΡΡΠΈΠΉ ΡΠΎΡΡΠΎΡΠ½ΠΈΠ΅ ΡΠ»Π΅ΠΌΠ΅Π½ΡΠ° Π΄Π»Ρ Π²ΡΠΏΠΎΠΌΠΎΠ³Π°ΡΠ΅Π»ΡΠ½ΡΠ΅ ΡΠ΅Ρ Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ.
<Π°
href = "#"
tabindex = "- 1"
ΡΠΎΠ»Ρ = "ΠΊΠ½ΠΎΠΏΠΊΠ°"
aria-disabled = "ΠΏΡΠ°Π²Π΄Π°"
> ΠΠ΅ΡΠ²ΠΈΡΠ½Π°Ρ ΡΡΡΠ»ΠΊΠ°
<Π°
href = "#"
tabindex = "- 1"
ΡΠΎΠ»Ρ = "ΠΊΠ½ΠΎΠΏΠΊΠ°"
aria-disabled = "ΠΏΡΠ°Π²Π΄Π°"
> Π‘ΡΡΠ»ΠΊΠ°
ΠΡΠ΅Π΄ΡΠΏΡΠ΅ΠΆΠ΄Π΅Π½ΠΈΠ΅ ΠΎ ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΠΎΡΡΠΈ Link:
ΠΠΎΠ΄Π΅Π»Ρ .disabled ΠΊΠ»Π°ΡΡ
ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠ΅Ρ ΡΠΎΠ±ΡΡΠΈΠΉ-ΡΠΊΠ°Π·Π°ΡΠ΅Π»Π΅ΠΉ: Π½Π΅Ρ
, ΡΡΠΎΠ±Ρ ΠΏΠΎΠΏΡΡΠ°ΡΡΡΡ ΠΎΡΠΊΠ»ΡΡΠΈΡΡ
ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΠΎΡΡΡ ΡΡΡΠ»ΠΊΠΈ
s, Π½ΠΎ ΡΡΠΎ ΡΠ²ΠΎΠΉΡΡΠ²ΠΎ CSS Π΅ΡΠ΅ Π½Π΅ ΡΡΠ°Π½Π΄Π°ΡΡΠΈΠ·ΠΈΡΠΎΠ²Π°Π½ΠΎ.
ΠΡΠΎΠΌΠ΅ ΡΠΎΠ³ΠΎ, Π΄Π°ΠΆΠ΅ Π² Π±ΡΠ°ΡΠ·Π΅ΡΠ°Ρ
, ΠΊΠΎΡΠΎΡΡΠ΅ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΈΠ²Π°ΡΡ ΡΠΎΠ±ΡΡΠΈΡ ΡΠΊΠ°Π·Π°ΡΠ΅Π»Ρ : Π½Π΅Ρ
, ΠΊΠ»Π°Π²ΠΈΠ°ΡΡΡΠ°
Π½Π°Π²ΠΈΠ³Π°ΡΠΈΡ ΠΎΡΡΠ°Π΅ΡΡΡ Π½Π΅ΠΈΠ·ΠΌΠ΅Π½Π½ΠΎΠΉ, Π° ΡΡΠΎ ΠΎΠ·Π½Π°ΡΠ°Π΅Ρ, ΡΡΠΎ Π·ΡΡΡΠΈΠ΅ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΠΈ ΠΊΠ»Π°Π²ΠΈΠ°ΡΡΡΡ ΠΈ ΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΠ΅Π»ΠΈ Π²ΡΠΏΠΎΠΌΠΎΠ³Π°ΡΠ΅Π»ΡΠ½ΡΡ
ΡΠ΅Ρ
Π½ΠΎΠ»ΠΎΠ³ΠΈΠΈ ΠΏΠΎ-ΠΏΡΠ΅ΠΆΠ½Π΅ΠΌΡ ΡΠΌΠΎΠ³ΡΡ Π°ΠΊΡΠΈΠ²ΠΈΡΠΎΠ²Π°ΡΡ ΡΡΠΈ ΡΡΡΠ»ΠΊΠΈ. Π§ΡΠΎΠ±Ρ Π±ΡΡΡ Π² Π±Π΅Π·ΠΎΠΏΠ°ΡΠ½ΠΎΡΡΠΈ, Π΄ΠΎΠ±Π°Π²ΡΡΠ΅ tabindex = "- 1"
Π°ΡΡΠΈΠ±ΡΡ Π΄Π»Ρ ΡΡΠΈΡ
ΡΡΡΠ»ΠΎΠΊ (ΡΡΠΎΠ±Ρ ΠΎΠ½ΠΈ Π½Π΅ ΠΏΠΎΠ»ΡΡΠ°Π»ΠΈ ΠΊΠ»Π°Π²ΠΈΠ°ΡΡΡΡ
focus) ΠΈ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΠΉΡΠ΅ ΡΠΎΠ±ΡΡΠ²Π΅Π½Π½ΡΠΉ JavaScript, ΡΡΠΎΠ±Ρ ΠΎΡΠΊΠ»ΡΡΠΈΡΡ ΠΈΡ
ΡΡΠ½ΠΊΡΠΈΠΎΠ½Π°Π»ΡΠ½ΠΎΡΡΡ.
ΠΠ»ΠΎΠΊ ΠΊΠ½ΠΎΠΏΠΎΠΊ
ΠΠ΅ΡΠ΅ΠΊΠ»ΡΡΠΈΡΡ ΡΠΎΡΡΠΎΡΠ½ΠΈΡ
ΠΠ΅ΡΠ΅ΠΊΠ»ΡΡΠΈΡΡ ΡΡΡΠ»ΠΊΡ <Π° href = "#" ΡΠΎΠ»Ρ = "ΠΊΠ½ΠΎΠΏΠΊΠ°" data-mdb-toggle = "ΠΊΠ½ΠΎΠΏΠΊΠ°" Π°ΡΠΈΡ-ΠΏΡΠ΅ΡΡΠΎΠ²Π°Π½Π½ΡΠΉ = "ΠΏΡΠ°Π²Π΄Π°" > ΠΠΊΡΠΈΠ²Π½Π°Ρ ΡΡΡΠ»ΠΊΠ° ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ΅Π½ΠΈΡ ΠΡΠΊΠ»ΡΡΠ΅Π½ΠΎ ΠΏΠ΅ΡΠ΅ΠΊΠ»ΡΡΠ΅Π½ΠΈΠ΅ ΡΡΡΠ»ΠΊΠΈ
ΠΡΠ°Π²Π΄Π° ΠΎ Π»ΡΡΡΠΈΡ ΠΈ Ρ ΡΠ΄ΡΠΈΡ ΡΠ²Π΅ΡΠ°Ρ ΠΊΠ½ΠΎΠΏΠΎΠΊ ΠΏΡΠΈΠ·ΡΠ²Π° ΠΊ Π΄Π΅ΠΉΡΡΠ²ΠΈΡ Π΄Π»Ρ Π²Π°ΡΠ΅Π³ΠΎ Π²Π΅Π±-ΡΠ°ΠΉΡΠ°
3 Π»ΡΡΡΠΈΡ ΡΠ²Π΅ΡΠ° Π΄Π»Ρ ΠΊΠ½ΠΎΠΏΠΎΠΊ ΠΏΡΠΈΠ·ΡΠ²Π° ΠΊ Π΄Π΅ΠΉΡΡΠ²ΠΈΡ:1.ΠΡΠ°ΡΠ½ΡΠΉ. ΠΡΠ°ΡΠ½ΡΠΉ ΡΠ²Π΅Ρ Π²ΡΠ΄Π΅Π»ΡΠ΅ΡΡΡ Π½Π° Π±ΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²Π΅ Π²Π΅Π±-ΡΡΡΠ°Π½ΠΈΡ. ΠΠ½ ΠΏΡΠΎΠ±ΡΠΆΠ΄Π°Π΅Ρ ΡΡΡΠ°ΡΡΡ, Π²ΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΠΈ Π±Π΅Π·ΠΎΡΠ»Π°Π³Π°ΡΠ΅Π»ΡΠ½ΠΎΡΡΡ. ΠΡΠ»ΠΈ Π²Ρ Ρ ΠΎΡΠΈΡΠ΅, ΡΡΠΎΠ±Ρ Π²Π°ΡΠΈ ΠΊΠ»ΠΈΠ΅Π½ΡΡ ΠΏΡΠΈΠ½ΡΠ»ΠΈ ΡΡΠΎΡΠ½ΡΠ΅ ΠΌΠ΅ΡΡ Π² ΠΎΡΠ½ΠΎΡΠ΅Π½ΠΈΠΈ Π²Π°ΡΠ΅Π³ΠΎ ΠΏΡΠΎΠ΄ΡΠΊΡΠ° (Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ, ΠΏΡΠΈΠΎΠ±ΡΠ΅Π»ΠΈ Π΅Π³ΠΎ, Π·Π°Π³ΡΡΠ·ΠΈΠ»ΠΈ ΡΠ»Π΅ΠΊΡΡΠΎΠ½Π½ΡΡ ΠΊΠ½ΠΈΠ³Ρ ΠΈ Ρ. Π.), Π’ΠΎΠ³Π΄Π° ΠΊΡΠ°ΡΠ½ΡΠΉ β ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΡΠΉ ΡΠ²Π΅Ρ. ΠΠ°ΠΊ Π½ΠΈ ΡΡΡΠ°Π½Π½ΠΎ, ΠΌΠ½ΠΎΠ³ΠΈΠ΅ Π»ΡΠ΄ΠΈ Π·Π°ΡΠ²Π»ΡΡΡ, ΡΡΠΎ ΠΊΡΠ°ΡΠ½ΡΠΉ ΠΎΠ±ΡΡΠ½ΠΎ ΠΈΠ΄Π΅Ρ ΡΡΠΊΠ° ΠΎΠ± ΡΡΠΊΡ ΡΠΎ ΡΡΠΎΠΏΠΎΠΌ, Π½ΠΎ ΠΈΡΡΠ»Π΅Π΄ΠΎΠ²Π°Π½ΠΈΡ ΠΏΠΎΠΊΠ°Π·ΡΠ²Π°ΡΡ, ΡΡΠΎ ΡΡΠΎ ΠΎΠ΄ΠΈΠ½ ΠΈΠ· Π»ΡΡΡΠΈΡ ΡΠ²Π΅ΡΠΎΠ² Π΄Π»Ρ ΠΊΠ½ΠΎΠΏΠΎΠΊ ΠΏΡΠΈΠ·ΡΠ²Π° ΠΊ Π΄Π΅ΠΉΡΡΠ²ΠΈΡ.
2. ΠΠ΅Π»Π΅Π½ΡΠΉ . ΠΡΠ»ΠΈ ΠΏΡΠΎΠ΄ΡΠΊΡ ΠΈΠ»ΠΈ ΡΡΠ»ΡΠ³Π°, ΠΊΠΎΡΠΎΡΡΠ΅ Π²Ρ ΠΏΡΠΎΠ΄Π°Π΅ΡΠ΅, ΡΠ²ΡΠ·Π°Π½Ρ Ρ ΠΎΠΊΡΡΠΆΠ°ΡΡΠ΅ΠΉ ΡΡΠ΅Π΄ΠΎΠΉ, ΠΏΡΠΈΡ ΠΎΠ»ΠΎΠ³ΠΈΠ΅ΠΉ ΠΈ ΠΌΠΈΡΠΎΠΌ, ΡΠΎΠ³Π΄Π° Π·Π΅Π»Π΅Π½ΡΠΉ ΡΠ²Π΅Ρ β ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΡΠΉ ΡΠ²Π΅Ρ ΠΊΠ½ΠΎΠΏΠΊΠΈ ΠΏΡΠΈΠ·ΡΠ²Π° ΠΊ Π΄Π΅ΠΉΡΡΠ²ΠΈΡ Π΄Π»Ρ Π²Π°Ρ.ΠΠ΅Π»Π΅Π½ΡΠΉ ΡΡΠΏΠΎΠΊΠ°ΠΈΠ²Π°Π΅Ρ ΠΈ ΠΌΠΎΠΆΠ΅Ρ Π°ΡΡΠΎΡΠΈΠΈΡΠΎΠ²Π°ΡΡΡΡ ΡΠΎ ΡΠ»ΠΎΠ²ΠΎΠΌ Β«ΠΈΠ΄ΡΠΈΒ», ΡΡΠΎ ΠΌΠΎΡΠΈΠ²ΠΈΡΡΠ΅Ρ ΠΌΠ½ΠΎΠ³ΠΈΡ ΠΊΠ»ΠΈΠ΅Π½ΡΠΎΠ². ΠΠ°ΡΠΈΠΌ ΠΊΠ»ΠΈΠ΅Π½ΡΠ°ΠΌ ΠΌΠΎΠΆΠ΅Ρ Π±ΡΡΡ Π»Π΅Π³ΡΠ΅ ΠΏΡΠΈΡ ΠΎΠ»ΠΎΠ³ΠΈΡΠ΅ΡΠΊΠΈ Π½Π°ΠΆΠ°ΡΡ Π½Π° Π·Π΅Π»Π΅Π½ΡΡ ΠΊΠ½ΠΎΠΏΠΊΡ, Π° Π½Π΅ Π½Π° ΠΊΠ½ΠΎΠΏΠΊΠΈ Π΄ΡΡΠ³ΠΈΡ ΡΠ²Π΅ΡΠΎΠ².
3. ΠΡΠ°Π½ΠΆΠ΅Π²ΡΠΉ ΠΈΠ»ΠΈ ΠΆΠ΅Π»ΡΡΠΉ . ΠΠΏΠ΅Π»ΡΡΠΈΠ½ Π²ΠΎΠ·Π±ΡΠΆΠ΄Π°ΡΡΠΈΠΉ ΠΈ ΡΠ΅ΠΏΠ»ΡΠΉ. Π£ Π±ΠΎΠ»ΡΡΠΈΠ½ΡΡΠ²Π° Π»ΡΠ΄Π΅ΠΉ ΡΡΠΎ Π°ΡΡΠΎΡΠΈΠΈΡΡΠ΅ΡΡΡ Ρ ΡΠ΅ΠΏΠ»ΠΎΠΌ ΠΎΡ ΡΠΎΠ»Π½ΡΠ°. ΠΡΠΎ ΡΠ΅ΠΏΠ»ΠΎ, Π² ΡΠ²ΠΎΡ ΠΎΡΠ΅ΡΠ΅Π΄Ρ, ΠΏΠΎΠ±ΡΠΆΠ΄Π°Π΅Ρ Π»ΡΠ΄Π΅ΠΉ Π΄Π΅ΠΉΡΡΠ²ΠΎΠ²Π°ΡΡ. ΠΠΎΠ³Π΄Π° ΠΊΠ»ΠΈΠ΅Π½ΡΡ ΡΡΠ²ΡΡΠ²ΡΡΡ ΡΠ΅Π±Ρ ΡΡΠ°ΡΡΠ»ΠΈΠ²ΡΠΌΠΈ, ΠΎΠ½ΠΈ Ρ Π±ΠΎΠ»ΡΡΠ΅ΠΉ Π²Π΅ΡΠΎΡΡΠ½ΠΎΡΡΡΡ ΠΊΡΠΏΡΡ ΠΏΡΠΎΠ΄ΡΠΊΡΡ, ΠΊΠΎΡΠΎΡΡΠ΅ Π°ΡΡΠΎΡΠΈΠΈΡΡΡΡΡΡ Ρ Π½ΠΈΡ ΡΠΎ ΡΡΠ°ΡΡΡΠ΅ΠΌ. ΠΠ΅ Π·Π°Π±ΡΠ²Π°Π΅ΠΌ, ΡΡΠΎ Π²Π΅ΡΡ ΡΠ°ΠΉΡ Amazon ΠΎΠΊΡΠ°ΡΠ΅Π½ Π² ΠΆΠ΅Π»ΡΡΠΉ ΠΈ ΠΎΡΠ°Π½ΠΆΠ΅Π²ΡΠΉ ΡΠ²Π΅ΡΠ°.ΠΡΠΎ ΡΠ°Π±ΠΎΡΠ°Π΅Ρ Π΄Π»Ρ Π½ΠΈΡ , ΠΈ ΠΎΠ½ΠΈ ΠΏΡΠΎΠ²ΠΎΠ΄ΡΡ Π’ΠΠΠΠ£ ΡΠ΅ΡΡΠΈΡΠΎΠ²Π°Π½ΠΈΡ ΠΎΠΏΡΠΈΠΌΠΈΠ·Π°ΡΠΈΠΈ Π²Π΅Π±-ΡΠ°ΠΉΡΠΎΠ², ΠΏΠΎΡΡΠΎΠΌΡ Π΅ΡΡΡ ΠΌΠ½ΠΎΠ³ΠΎ Π΄ΠΎΠΊΠ°Π·Π°ΡΠ΅Π»ΡΡΡΠ² ΡΠΎΠ³ΠΎ, ΡΡΠΎ ΡΡΠΎ Π±ΡΠ΄Π΅Ρ ΡΠ°Π±ΠΎΡΠ°ΡΡ ΠΈ Π΄Π»Ρ Π²Π°ΡΠ΅Π³ΠΎ Π²Π΅Π±-ΡΠ°ΠΉΡΠ°.
3 Ρ ΡΠ΄ΡΠΈΡ ΡΠ²Π΅ΡΠ° ΠΊΠ½ΠΎΠΏΠΎΠΊ ΠΏΡΠΈΠ·ΡΠ²Π° ΠΊ Π΄Π΅ΠΉΡΡΠ²ΠΈΡ:
1.