January 19th, 2017

VETA

Меняем головастиков в своём блоге.

Оригинал взят у larissanice в Меняем головастиков в своём блоге.

Меняем головастиков

А давайте-ка, я научу вас менять головастиков! Головастиками в ЖЖ называются значки, которые находятся рядом с вашим ником. Обратите внимание, в нашем сообществе это красные сердечки, в моём блоге, это звёздочки. Вы можете вставить себе всё, что угодно, но картинка должна быть очень маленького размера, не более 16рх. А делается это очень просто. Вот эту формулу нужно лишь вставить в окошко с кодом вашего дизайна. Перед самим кодом дизайна. Или после кода дизайна. Это неважно.


/*--- Generated by http://lj.yoksel.ru/ljicons/ ---*/

SPAN A IMG[src*="img/userinfo.gif"]{
width: 0 !important; height: 0 !important;
background: transparent url(https://img-fotki.yandex.ru/get/68630/193089695.48/0_16e965_5602b087_orig.gif) no-repeat !important; padding: 16px 0 0 16px !important;
}

Далее должен идти код дизайна. Ссылка в этой формуле на сердечко, вы можете заменить её на свою.

Зайти на страницу настроек журнала, вот сюда http://www.livejournal.com/customize/options.bml?group=customcss
Вставить код в большое окно «Ваш Css».

Удачи вам!!!



VETA

Шпаргалочка для вас-окошко для кода

Оригинал взят у genia_nice18 в Шпаргалочка для вас





Шпаргалочка для вас

Формула простого окошка




Формула окошка под кат

<lj-cut text="Код здесь">
<div style="width: 220px; height:45px;overflow:auto; background-color:#eee; border:1px solid #999; padding:5px"><textarea cols="30" rows="2" name="">здесь будет ваш код</textarea></div></lj-cut>








VETA

Шпаргалочка для вас-Формула коллажа с наложением флеш-анимации или плеера

Оригинал взят у genia_nice18 в Шпаргалочка для вас

Формула коллажа с наложением флеш-анимации или плеера

<div align="center"><table width="ШИРИНА КОЛЛАЖА" height="ВЫСОТА КОЛЛАЖА" style="border:0px none #000000" background="ССЫЛКА НА КОЛЛАЖ" cellspacing="0" cellpadding="0"><tr><td style="padding:1px" zzz="zzz" align="center"><span style="color:#000000;font-size:10pxa">ЗДЕСЬ БУДЕТ ФЛЕШ-КОД</span></td></tr></table>

Размер флеш-анимации должен быть меньше размера коллажа, минимум на 50рх

Вместо флеш-анимации можно вставить код плеера.

Для того чтобы поднять или опустить плеер, добавить тег <br />
Тег добавленный перед кодом плеера опустит его вниз. Тег добавленный после кода плеера, поднимет его вверх. Добавляйте этот тег столько раз, насколько вы хотите поднять или опустить плеер.
Чтобы разместить плеер справа или слева, замените перед кодом плеера значение center на left - слева или right - справа.


VETA

Делаем рамочки

урок и шаблон рамочки -автор-Иннушка










Текст1






Текст2




 



Текст3







Код общей рамки внутри которой будет еще 3 (Текст1,Текст2,Текст 3)



padding: 12px 12px; — расстояние от края рамки (бордюра) до текста.


При необходимости меняем "12" на другую цифру.

background: #EFDBB8; — фон для записи. Можно вместо #FE9980 подставить другой цвет.

width: 720px; — ширина рамки. Вместо "720" указываем своё значение.

font-size: 20px; — размер шрифта.

font-family: PT Serif; — вид шрифта. Можно поменять на Monotype Corsiva, Georgia.

color: #8B795E; — цвет шрифта.

border: 2px dashed #8B795E; — это пунктирная обводка. Можно вместо "2" указать другой размер, а вместо "8B795E" подставить другой цвет.

border-radius: 15px; — скругление углов в рамке.

box-shadow: 0 0 0 5px #EFDBB8, 3px 2px 7px 4px rgba(10,10,0,.5); — Внимание! В этой строке меняем обязательно только цвет #EFDBB8. Он должен быть идентичен с фоном для записи. Это будет продолжением нашего фона над пунктирной обводкой.

text-shadow: 1px 1px 1px #000000; — возвращаемся к шрифту... Это его тень, то есть величина "1" и цвет тени "#000000".



Код рамки -Текст 1


Те же параметры только поменяла разер таблицы=width: 350px;



Код рамки -Текст 2


Те же параметры только поменяла разер таблицы=width: 250px;



Код рамки -Текст 2


Те же параметры только поменяла разер таблицы=width: 650px;


Немного путанно,но спрашивайте,всегда расшифрую :-)







Текст

 




VETA

Красивый текст для блога

Красивый текст для блога

Используя возможности CSS можно работать с тенью текста, добиваясь удивительных результатов.
Атрибут font-size отвечает за размер шрифта. Например:
в font-size: 2em; вместо 2 подставляем любое другое значение. Если нужен курсив, то сам текст заключаем между "i" и "/i", меняя скобки " " на < >.

Вот примеры и коды некоторых шрифтов:

Текст будет таким

А это его код:


[ДАЛЕЕ]

Текст будет таким

Его код:

[more= Смотрим дальше]

Текст будет таким

Его код:


Текст будет таким

Его код:


Текст будет таким

Его код:


Текст будет таким

Его код:


Текст будет таким

Его код:


Текст будет таким

Его код:


Текст будет таким

Его код:


Текст будет таким

Его код:


Источник: shpargalkablog.ru/2011/02/css-ten-teksta.html

Подготовила для вас Юлия Гурбер