теми, графіка, хаки для Блоґу
Обрізати зображення за допомогою CSS
Гру 10
Виявляється існує така чудова штука. Тобто у Вас є місце, наприклад під прев’ю у якомусь записі на блозі, а зображення, яке Ви бажаєте туди помістити, трохи більше самого місця.
Можна вставити його, просто задавши необхідні розміри – але буде “криво” виглядати. А можна відобразити якусь частину вихідного зображення – “обрізати”, уникнемо роботи по редагуванню у графічних редакторах, зможемо в іншому місці використати повне зображення, без збереження декількох його копій різних розмірів.
Для реалізації будемо використовувати властивість CSS – Clip.
Ось візуалізація роботи з цією властивістю:
приклад HTML коду:
<div class="crop"><p><a href="http://templatica.com" title="Css Templates"><img src="img.jpg" alt="css template" /></a></p></div>
та стилів до нього:
.crop{
float:left;
position:relative;
width:150px;
height:90px;
border:1px solid #ccc;
margin:.5em 10px .5em 0;
}
.crop p{
margin:0;
position:absolute;
top:-20px;
left:-55px;
clip:rect(20px 205px 110px 55px);
}отаким не складним способом можна робити обрізання 
Зміна розмірів зображень у Wordpress
Лис 9
Нещодавно ми публіковали статтю “Автоматично змінюйте розмір зображень у вашому WordPress блозі“.
Код, який там був наданий використовував . Ми обіцяли написати, як встановити TimThumb на Ваш блог з WordPress.
Отже виконайте наступні кроки:
# Завантажте та збережіть його у себе на комп’ютері. (Передбачається, що Ви назвете його timthumb.php)
# Використовуючи FTP клієнт, підключіться до Вашого серверу, та створіть папкуscripts. Завантажте timthumb.php у неї.
# Після цього Ви можете відображати зображення таким чином:
Читати далі »
Кольорова схема для сайту з фото
Лис 9
Як у кого, а умене частіше всього логотип (не тільки сам текст, а і бекграунд до нього, тобто майже уся верхня секція) для сайту/блогу – це останнє, що підганяється до дизайну.
Тобто на хх% зроблений дизайн, кольорова схема, а після цього під усе це діло підганяється лого.
Я обрав цю практику якось випадково. Просто так вийшло. Не знаю, чи це вірно. Але…. Лірику у сторону.
У багатьох випадках, основним елементом дизайну блогу є саме лого. Тобто на ньому робиться дуже великий акцент уваги. І погодьтеся, що тоді потрібно дизайн підгоняти під лого, а не навпаки.
Як приклад, логотипом у нас сьогодні буде якась фотографія.
Мабуть одним з накращих місць, де можна знайти гарне фото є Flickr. Туди я і пішов, трохи поклацав по лінках і вуаля, фото для лого (http://www.flickr.com/photos/megatrikhailwindzar/4089172226/):
Кількість коментарів зареєстрованих користувачів у Wordpress
Жов 19
Якщо у Вас приватний блог чи досить багато зареєстрованих користувачів, можливо Вам буде цікаво мати змогу показувати кількість коментарів, що залишили зареєстровані користувачі.
Просто вставте наступний код там, де Ви хочете відображати кількість коментарів. Читати далі »
WordPress – Автоматично змінюйте розмір зображень у вашому блозі
Жов 16
Дуже гарно додавати зображення до записів Вашого блогу, але робота з ними іноді може бути складною справою, особливо коли Ви не маєте досить навиків зміни розміру зображень. Рішенням цього мтане використання Timthumb та API коротких кодів WordPress .Читайте далі, щоб дізнатися ЯК! Читати далі »
