Блог про Блог » Трюки

Обрізати зображення за допомогою CSS

bloggerabout — Thu, 10 Dec 2009 08:30:33 +0000

Виявляється існує така чудова штука. Тобто у Вас є місце, наприклад під прев’ю у якомусь записі на блозі, а зображення, яке Ви бажаєте туди помістити, трохи більше самого місця.

Можна вставити його, просто задавши необхідні розміри – але буде “криво” виглядати. А можна відобразити якусь частину вихідного зображення – “обрізати”, уникнемо роботи по редагуванню у графічних редакторах, зможемо в іншому місці використати повне зображення, без збереження декількох його копій різних розмірів.

Для реалізації будемо використовувати властивість CSS – Clip.

Ось візуалізація роботи з цією властивістю:

приклад HTML коду:

та стилів до нього:

.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

bloggerabout — Mon, 09 Nov 2009 12:12:55 +0000

Нещодавно ми публіковали статтю “Автоматично змінюйте розмір зображень у вашому WordPress блозі“.
Код, який там був наданий використовував TimThumb. Ми обіцяли написати, як встановити TimThumb на Ваш блог з WordPress.
Отже виконайте наступні кроки:
# Завантажте скрипт та збережіть його у себе на комп’ютері. (Передбачається, що Ви назвете його timthumb.php)
# Використовуючи FTP клієнт, підключіться до Вашого серверу, та створіть папкуscripts. Завантажте timthumb.php у неї.
# Після цього Ви можете відображати зображення таким чином:
(...)

Читати далі запис "Зміна розмірів зображень у WordPress" (залишилось слів - 28)

Кольорова схема для сайту з фото

bloggerabout — Mon, 09 Nov 2009 09:00:13 +0000

Як у кого, а умене частіше всього логотип (не тільки сам текст, а і бекграунд до нього, тобто майже уся верхня секція) для сайту/блогу – це останнє, що підганяється до дизайну.
Тобто на хх% зроблений дизайн, кольорова схема, а після цього під усе це діло підганяється лого.
Я обрав цю практику якось випадково. Просто так вийшло. Не знаю, чи це вірно. Але…. Лірику у сторону.
У багатьох випадках, основним елементом дизайну блогу є саме лого. Тобто на ньому робиться дуже великий акцент уваги. І погодьтеся, що тоді потрібно дизайн підгоняти під лого, а не навпаки.
Як приклад, логотипом у нас сьогодні буде якась фотографія.
Мабуть одним з накращих місць, де можна знайти гарне фото є Flickr. Туди я і пішов, трохи поклацав по лінках і вуаля, фото для лого (http://www.flickr.com/photos/megatrikhailwindzar/4089172226/):

(...)

Читати далі запис "Кольорова схема для сайту з фото" (залишилось слів - 206)

Кількість коментарів зареєстрованих користувачів у WordPress

bloggerabout — Mon, 19 Oct 2009 08:16:08 +0000

Якщо у Вас приватний блог чи досить багато зареєстрованих користувачів, можливо Вам буде цікаво мати змогу показувати кількість коментарів, що залишили зареєстровані користувачі.

Просто вставте наступний код там, де Ви хочете відображати кількість коментарів. (...)

Читати далі запис "Кількість коментарів зареєстрованих користувачів у WordPress" (залишилось слів - 0)

WordPress – Автоматично змінюйте розмір зображень у вашому блозі

bloggerabout — Fri, 16 Oct 2009 14:22:21 +0000

Дуже гарно додавати зображення до записів Вашого блогу, але робота з ними іноді може бути складною справою, особливо коли Ви не маєте досить навиків зміни розміру зображень. Рішенням цього мтане використання Timthumb та API коротких кодів WordPress .Читайте далі, щоб дізнатися ЯК!(...)

Читати далі запис "WordPress – Автоматично змінюйте розмір зображень у вашому блозі" (залишилось слів - 82)