4 декабря 2011 г.

23:31 - No comments

Как выделить и оформить участок статьи в блоге

Употребляйте уникальные картинки в своей статье , 3-5 это важно, размеры желательно большие, объясняю почему: При написании новой статьи автор всегда обращается в яндек и google картинки , чтобы разукрасить статью, маленькие картинки обычно исключают из видимости, большие можно изменить, уменьшить и сделать ее уникальной, обратите внимание на эти тонкости. Важно! не забывайте прописывать Title И Alt.






Вариант первый:

.bloknot1 {
margin : 15px 35px 15px 15px;
padding : 20px 10px 10px 35px;
background : #bce2eb url(https://lh5.googleusercontent.com/-HNIks6RNv2s/TtgzYwwxmhI/AAAAAAAACZ8/EXcIG3qG3
Nw/s800/
Bloknot.gif) repeat-y top left;
border-top : 1px solid #555555;
border-right : 1px solid #555555;
border-bottom : 1px solid #555555;
border-left : 1px solid #555555;
}
Вариант второй:

.bloknot2 {  
margin : 15px 35px 15px 15px;  
padding : 20px 10px 10px 35px;  
background : #bce2eb url(https://lh6.googleusercontent.com/-vo1v9jZ4e8g/Ttxs3VIUEsI/AAAAAAAACgI/
M1rm2V0dIHk/s1600/note.jpg) repeat-y top left;  
border-top : 1px solid #555555;  
border-right : 1px solid #555555;  
border-bottom : 1px solid #555555;  
border-left : 1px solid #555555;
}
Вариант третий:

.bloknot3 {  
margin : 15px 35px 15px 15px;  
padding : 20px 10px 10px 35px;  
background : #F7C65C;  
border-top : 1px solid #B5520B;  
border-right : 1px solid #B5520B;  
border-bottom : 1px solid #B5520B;  
border-left : 1px solid #B5520B;  
border-radius: 5px;  
-moz-border-radius: 5px;  
-webkit-border-radius: 5px;
}
Print Page

0 коммент. :

Отправить комментарий

Подписаться на: Комментарии к сообщению ( Atom )