☆ Специальные символы ☆
Множество символов, которые можно использовать у себя в тексте для украшения или выделения чего — либо.
√ιק ☜☞ ͡๏̯͡๏ ͡๏̮͡๏ ٩(̾●̮̮̃̾•̃̾)۶ ٩(̾●̮̮̃̾•̃̾)۶ ٩(̾●̮̮̃̾•̃̾)۶ ⓥⓚⓞⓃⓉⒶⓚⓉⒺ ιιllιlι.ιl… ˜”*°•..•°*”˜
Loading… ██████████████] 99%
½ ⅓ ⅔ ⅛ ⅜ ⅝ ⅞
← ↑ → ↓ ↔ ↕ ⇐ ⇒
♈ ♉ ♊ ♋ ♌ ♍ ♎ ♏ ♐ ♑ ♒ ♓
☀ ☁ ☂ ☃ ☼ ☽ ★ ☆ ☾ ✩ ✪ ✫ ✬ ✭ ✮ ✯ ✰
♔ ♕ ♖ ♗ ♘ ♙ ♙ ♚ ♛ ♜ ♝ ♞ ♟
♠ ♡ ♢ ♣ ♤ ♥ ♦ ♧
♰ ♱ ♲ ♳ ♴ ♵ ♶ ♷ ♸ ♹ ♺ ♻ ♼ ♽
♩ ♪ ♫ ♬ ♭ ♮ ♯ ◄◄ ◄ ■ ► ►►
☺ ☻ ッ ヅ ツ ゾ シ ジ
✐ ✑ ✒ ✓ ✔ ✕ ✖ ✗ ✘ ✙ ✚ ✛ ✜ ✝ ✞ ✟ ✠ ✡ ✢ ✣ ✤ ✥ ✦ ✧
✰ ✱ ✲ ✳ ✴ ✵ ✶ ✷ ✸ ✹ ✺ ✻ ✼ ✽ ✾ ✿ ❀ ❁ ❂ ❃ ❄ ❅ ❆ ❇ ❈ ❉ ❊ ❋ ● ❍ ■ ❏
➀ ➁ ➂ ➃ ➄ ➅ ➆ ➇ ➈ ➉ ➊ ➋ ➌ ➍ ➎ ➏ ➐ ➑ ➒ ➓ ❶ ❷ ❸ ❹ ❺ ❻ ❼ ❽ ❾
牡 マ キ グ ナ ル フ 系 路 克 瑞 大 市 立 鎰 命 科 ャ マ 能 力 ϒ 人 要 望 り 玉 宏 ¥ サ 丹 谷 Ѫ 灯 影 伝 鶐 〩 通 学 阪 は 妻 ス テ ィァ
۩ ۞ ۩ ✖ † ● • ˜ ° ღ ஐ █ ♂ ▄▀▄▀▄ ψ ⚠ ☎ ☏ ⊇ ॐ ◘ ♀ ▄ ™ ๑ ۩ ۞ ¤ ® ╡ ╬ ┼ √ ╪ ═ ¹ ๖ۣۜG ¯ ⊆ ☦ ☨ ☦
₪ ▼ ℮ ਠ ▲ ̃ ఋ ഊ ๑ ○ ± ╞ § ╚ ╣ ₣ Σ Ω ϟ Ŧ ☥ ¢ ø ¶ ◄ ╔ ╦ ╟ ╩ ﻸ の ║ ن ╝ ╗ א ◙ 、 ☜ ☞ ʎ ▿ இ ㋛ 〄
❖ � ک ✿ ↨ ∆ ۵ ☠ ⋆ ³ º ❤ ‰ Џ ȋ þ Ђ Þ Ł ł ξ さ む ░ ▒ ▓ ٭ ր ┘ ┌ Գ ‼ ▌ ∟ ハ ≈ ① ֆ ☢ ☣ ☹ Ѡ ☸ ✆ ☏
∆ ∑ ∫ ■ □ ▪ ▫ ▬ ◊  ☭ Ѽ Ⓐ ➳ ❤ ❣ ❢ ఞ ✂ ✉ ✔ ✓ ☐ ☑ ☒ ✪ ★ ☆ 〠 ☯ ☮ ☄ ☊ ☣ ☤ ☬ ☫ ☪ ☧ ❦ ❧ ♨
☆ Задайте свой вопрос здесь ☆
Собственно, если вам что то непонятно в настройках вашего блога или клуба, спрашивайте в этой рубрике, постараюсь отвечать как можно быстрее, а так же пишите ваши предложения. Если хотите увидеть в клубе что то конкретное — пишите, обязательно обсудим!
☆ Устанавливаем часы на блог ☆
Речь пойдёт о сайте clocklink.com. Он предлагает, не сказать что огромный, но очень большой выбор различных часов для украшения сайтов, блогов и т.д. Скачивать вам ничего не придёться, установка очень простая, итак:
1) Переходим на clocklink.com ✔
2) Перед вами слева все категории, в каждой из них свой вид часов, просматриваем каждую, выбираем понравившиеся вам ✔
Читать дальше☆ Устанавливаем красивое меню на блог ☆
Предлагаю для установки на ваш блог такие вот менюшки:
1)
css — код меню:
_____________________________________________
ul.css-menu-1 {
list-style: none
}
ul.css-menu-1 li {
display: inline
}
ul.css-menu-1 li a {
font-family: Tahoma, Geneva, sans-serif;
text-decoration: none;
background: #5c6cb7;
font-weight: bold;
color: #ffaa00;
padding: 6px 10px 6px 10px
}
ul.css-menu-1 li a:hover {
padding: 6px 10px 6px 10px;
font-weight: bold;
background: #364d95;
color: #ff9900
}
ul.css-menu-1 li a.selected {
background: #364e95
}
_____________________________________________
И html — код:
_____________________________________________
<title>Создание меню для сайта CSS методами</title>
</head>
<body>
<ul class=«css-menu-1»>
<li><a href=" # "> Название кнопки </a></li>
<li><a href=" # "> Название кнопки </a></li>
<li><a href=" # "> Название кнопки </a></li>
<li><a href=" # "> Название кнопки </a></li>
<li><a href=" # "> Название кнопки </a></li>
</ul>
_____________________________________________
list-style: none;
border-bottom: 5px solid #bb0000;
border-top: 1px solid #114477;
padding: 11px;
background: #336699
}
ul.css-menu-3 li {
display: inline
}
ul.css-menu-3 li a {
color: #fefefe;
text-decoration: none;
background: #225588;
border: 1px solid #225588;
border-bottom: 1px solid #114477;
margin: 0;
padding: 10px 14px 10px 14px
}
ul.css-menu-3 li a:hover {border-left: 1px solid #114477; border-right: 1px solid #114477}
ul.css-menu-3 li a.selected {
color: #fefefe;
background: #bb0000;
border: 1px #cc0000 solid;
border-bottom: 1px solid #bb0000;
border-left: 1px solid #770000;
padding: 10px 14px 10px 14px
}
_____________________________________________
И html — код:
</head>
<body>
<ul class=«css-menu-3»>
<li><a href=" # "> Название кнопки </a></li>
<li><a href=" # "> Название кнопки </a></li>
<li><a href=" # "> Название кнопки </a></li>
<li><a href=" # "> Название кнопки </a></li>
<li><a href=" # "> Название кнопки </a></li>
</ul>
_____________________________________________
3) А вот это меню стоит на моём блоге:
css — код меню, здесь подлиннее:
list-style: none;
font-family: Georgia, serif;
font-size: 18px;
font-style: italic;
line-height: 1.4em;
border:2px solid #000000;
border-left: 1px solid #000000;
float: left;
padding: 0;
margin: 12px 0 25px 24px
}
#css-menu ul li {
float: left
}
#css-menu ul li a {
display: block;
text-decoration: none;
background-color: #595959;
padding: 5px 10px 0 10px;
color: #fefefe;
width: 120px;
border-right: 1px solid #797979;
border-left: 1px solid #191919
}
#css-menu ul li a span {
display: block
}
#css-menu ul li a span.text-top {
border-bottom: 1px solid #595959
}
#css-menu ul li a:hover span.text-top {
border-bottom: 1px dashed #fefefe;
color: #ffddbb
}
#css-menu ul li a span.text-bottom {
visibility: hidden;
font-size: 11px;
text-align: right
}
#css-menu ul li a:hover span.text-bottom {
visibility: visible
}
_____________________________________________
И html — код:
</head>
<body>
<div id=«css-menu»>
<ul>
<li><a href="#"><span class=«text-top»> Название кнопки </span>
<span class=«text-bottom»>Подзаголовок</span>
</a></li>
<li><a href=" #"><span class=«text-top»> Название кнопки </span>
<span class=«text-bottom»> Подзаголовок </span>
</a></li>
<li><a href="#"><span class=«text-top»> Название кнопки </span>
<span class=«text-bottom»> Подзаголовок </span>
</a></li>
<li><a href="#"><span class=«text-top»> Название кнопки </span>
<span class=«text-bottom»> Подзаголовок </span>
</a></li>
</ul>
</div>
_____________________________________________
В этом коде немного услажнено описание кнопок, т.к.при наведении курсора на кнопку, снизу появляется поясняющий заголовок (посмотрите на моём блоге). Все что нужно изменить выделено красным цветом, ничего сложного.
Процесс установки таких меню подробно расписан в этом посте, но все же если возникли вопросы, обязательно спрашивайте, помогу
Пока это все, дальше буду рассказывать об установке выпадающего меню, как горизонтального, так и вертикального.
Комментариев: 9
1)
css — код меню:
_____________________________________________
ul.css-menu-1 {
list-style: none
}
ul.css-menu-1 li {
display: inline
}
ul.css-menu-1 li a {
font-family: Tahoma, Geneva, sans-serif;
text-decoration: none;
background: #5c6cb7;
font-weight: bold;
color: #ffaa00;
padding: 6px 10px 6px 10px
}
ul.css-menu-1 li a:hover {
padding: 6px 10px 6px 10px;
font-weight: bold;
background: #364d95;
color: #ff9900
}
ul.css-menu-1 li a.selected {
background: #364e95
}
_____________________________________________
И html — код:
_____________________________________________
<title>Создание меню для сайта CSS методами</title>
</head>
<body>
<ul class=«css-menu-1»>
<li><a href=" # "> Название кнопки </a></li>
<li><a href=" # "> Название кнопки </a></li>
<li><a href=" # "> Название кнопки </a></li>
<li><a href=" # "> Название кнопки </a></li>
<li><a href=" # "> Название кнопки </a></li>
</ul>
_____________________________________________
2)
_____________________________________________
ul.css-menu-3 {list-style: none;
border-bottom: 5px solid #bb0000;
border-top: 1px solid #114477;
padding: 11px;
background: #336699
}
ul.css-menu-3 li {
display: inline
}
ul.css-menu-3 li a {
color: #fefefe;
text-decoration: none;
background: #225588;
border: 1px solid #225588;
border-bottom: 1px solid #114477;
margin: 0;
padding: 10px 14px 10px 14px
}
ul.css-menu-3 li a:hover {border-left: 1px solid #114477; border-right: 1px solid #114477}
ul.css-menu-3 li a.selected {
color: #fefefe;
background: #bb0000;
border: 1px #cc0000 solid;
border-bottom: 1px solid #bb0000;
border-left: 1px solid #770000;
padding: 10px 14px 10px 14px
}
_____________________________________________
И html — код:
_____________________________________________
<title>Создание горизонтального CSS меню без изображения</title></head>
<body>
<ul class=«css-menu-3»>
<li><a href=" # "> Название кнопки </a></li>
<li><a href=" # "> Название кнопки </a></li>
<li><a href=" # "> Название кнопки </a></li>
<li><a href=" # "> Название кнопки </a></li>
<li><a href=" # "> Название кнопки </a></li>
</ul>
_____________________________________________
3) А вот это меню стоит на моём блоге:
css — код меню, здесь подлиннее:
_____________________________________________
#css-menu ul {list-style: none;
font-family: Georgia, serif;
font-size: 18px;
font-style: italic;
line-height: 1.4em;
border:2px solid #000000;
border-left: 1px solid #000000;
float: left;
padding: 0;
margin: 12px 0 25px 24px
}
#css-menu ul li {
float: left
}
#css-menu ul li a {
display: block;
text-decoration: none;
background-color: #595959;
padding: 5px 10px 0 10px;
color: #fefefe;
width: 120px;
border-right: 1px solid #797979;
border-left: 1px solid #191919
}
#css-menu ul li a span {
display: block
}
#css-menu ul li a span.text-top {
border-bottom: 1px solid #595959
}
#css-menu ul li a:hover span.text-top {
border-bottom: 1px dashed #fefefe;
color: #ffddbb
}
#css-menu ul li a span.text-bottom {
visibility: hidden;
font-size: 11px;
text-align: right
}
#css-menu ul li a:hover span.text-bottom {
visibility: visible
}
_____________________________________________
И html — код:
_____________________________________________
<title>Создание красивого горизонтального CSS меню для сайта</title></head>
<body>
<div id=«css-menu»>
<ul>
<li><a href="#"><span class=«text-top»> Название кнопки </span>
<span class=«text-bottom»>Подзаголовок</span>
</a></li>
<li><a href=" #"><span class=«text-top»> Название кнопки </span>
<span class=«text-bottom»> Подзаголовок </span>
</a></li>
<li><a href="#"><span class=«text-top»> Название кнопки </span>
<span class=«text-bottom»> Подзаголовок </span>
</a></li>
<li><a href="#"><span class=«text-top»> Название кнопки </span>
<span class=«text-bottom»> Подзаголовок </span>
</a></li>
</ul>
</div>
_____________________________________________
В этом коде немного услажнено описание кнопок, т.к.при наведении курсора на кнопку, снизу появляется поясняющий заголовок (посмотрите на моём блоге). Все что нужно изменить выделено красным цветом, ничего сложного.
Процесс установки таких меню подробно расписан в этом посте, но все же если возникли вопросы, обязательно спрашивайте, помогу
Пока это все, дальше буду рассказывать об установке выпадающего меню, как горизонтального, так и вертикального.
☆ Бегущая строка ☆
Установить на свой блог бегущую строку проще простого
Её следующие теги:
<атрибуты> Текст бегущей строки </marquee>, хотя атрибуты вам можно и не прописывать самому, а сделать их через визуальный редактор.. 1) Открываем настройки свободного длока (того, в который хотите поместить бегущую строку) ✔ 2) Пишем текст бегущей строки, делаете с ним что хотите, можно так же вставить в него ссылку, короче что душе угодно 3) Теперь переключаемся в html — редактор, и делаем следующее : >> В самом начале ставим <marquee>, а в самом конце </marquee>. Ну и, если вдруг запутались, покажу все на скриншоте: Сохраняемся и радуемся
✔
☆ Устанавливаем красивое меню на блог ☆
Предлагаю вам установить вот такое меню на свой блог:
1) Заходим в «Настройки блога» >> «Оформление» >> «Редактор css» ✔
2) Перед нами 2 окна, нас интересует второе: «Дополнительный CSS (не заменяется при смене дизайна)», вставляем туда следующий код и нажимаем «Сохранить» ✔
_____________________________________________
ul.css-menu-2 {
list-style: none;
border-bottom: 1px #888899 solid;
padding-bottom: 10px
}
ul.css-menu-2 li {
display: inline;
margin-right: 5px
}
ul.css-menu-2 li a {
color: #888899;
text-decoration: none;
background: #f7f7f9;
border: 1px #bbbbcc solid;
border-bottom: none;
padding: 10px 14px
}
ul.css-menu-2 li a:hover {
padding: 14px 14px 10px 14px
}
ul.css-menu-2 li a.selected {
color: #555566;
background: #ffffff;
border: 1px #888899 solid;
border-bottom: 1px #ffffff solid;
padding: 14px 14px 10px 14px
}
_____________________________________________
3) Теперь необходимо разобраться непосредственно с самим кодом меню, т.к. тот код который вы только что вставляли — это код описания стиля нашего будущего меню, конечно там можно все менять на своё усмотрение, но об этом позже. Итак, вот код:
_____________________________________________
<title>Создание меню для сайта CSS методами</title></head>
<body>
<ul class=«css-menu-2»>
<li><a href="#">Название кнопки</a></li>
<li><a href="#">Название кнопки</a></li>
<li><a href="#">Название кнопки</a></li>
<li><a href="#">Название кнопки</a></li>
</ul>
________________________________________________________________
Давайте разберёмся что же тут надо изменить. Нас интересует только вот эти строки (на данный момент их 4) <li><a href="#">Название кнопки</a></li> , где вместо символа # необходимо вставить ссылки на ваши страницы и вписать названия кнопок в соответствующие места. ✔
4) Теперь осталось вставить наш код в свободный блог (включить html — редактор), думаю тут не возникнет вопросов ✔
Как вы уже поняли, одна такая строка соответствует одной кнопке, не забывайте о том что длина меню ограничена, и если кому то её не хватает, напишите, я расскажу как изменить размер кнопок, фон и т.д.
Все вопросы в комментарии…
