Free WordPress Theme: WP NewsMag


Inlagd av: Peter From



WP NewsMag Free WordPress Theme by www.wp-magazine.seThe
Conceditor WP NewsMag is my fith free theme for the WordPress Community
to use as see fit (it´s the same theme that we use for WP Magazine).
Modify it, change it, colorize it — do what you like, but keep the
copyright information in the footer intact. Other than that — enjoy!


PS! An extended commercial version will be available in the near future.


A Few Words About WP NewsMag


You do not have to use any plugins in order to get WP NewsMag up and
running. On the other hand, you may want to enhance the theme further
by the use of plugins. Feel free to experiment.


Features


WP NewsMag is not just another WordPress theme — it´s more to it than meet the eye. Read here:


  • Fully widgetized with five custom sidebars
  • 100% CSS — easy to customize the look and feel to suite your needs
  • Hybrid blog/portfolio/photo/magazine style theme
  • 5 different front page category loops
  • Slider function for bottombar and featured articles
  • Three level CSS/JS dropdown menu
  • Utilization of Custom Fields for neat image display on the front page
  • Built in image transparency for linked images
  • Lot more…

Enjoy!


Installation


1. Get yourself a copy of WordPress 2.5.1 (or later) and install it.


2. Change the category id:s for the front page to reflect your categories (it´s done in the index-php file).


You´re finished.


Using Custom Fields


For the front page loop images in the five featured sections
(categories) WP NewsMag uses Custom Fields. The key should be set to
“Image” (without the citation characters and with a capital “I”) for
the larger images and “Small” for the smaller images and the value is
simply the name of your image.


Like this: Key: Image and Value: name-of-image.jpg. (Key: “Small” for the smaller ones.)


The pictures should be uploaded to the folder “featured” in the WP
NewsMag template folder. If you want your images elsewhere you need to
change the paths in each of the five featured boxes in the index.php
file. Find this:


bloginfo(’template_url’); ?>/featured/


and change to whatever place you like on your server.


Different browsers


The WP NewsMag theme has been developed for Firefox. It should work
just fine on Opera, Netscape and Safari. Explorer has no known issues
so the theme should work just fine even on IE 6. But, feel free to
report bugs as well as solutions here. Creds will go into the
stylesheet file.


Good luck and enjoy!


Далее...

Financia

3 columns free Financia Wordpress Theme



Financia



Demo


Download


License: Free to use must keep footer intact AS IS


Далее...

Furnoffice

2 Columns Furnoffice Free Wordpress theme for your blogs.



Furnoffice



Demo


Download


License: Free to use must keep footer intact AS IS


Далее...

Impress theme

a Premium Magazine style free wordpress theme. The required plugins have been included in the theme files.



Impress theme



Demo


Download


License: Free to use must keep footer intact AS IS


Далее...

Impress theme

a Premium Magazine style free wordpress theme. The required plugins have been included in the theme files.



Impress theme



Demo


Download


License: Free to use must keep footer intact AS IS


Далее...

Money Maker Theme wordpress theme- для тех, кто делает деньги!

2 columns beautiful Make Money Online wordpress theme. Required
Plugins have been included with theme files. Please read the Read
First.html for installation.



Money Maker Theme



Demo


Download


License: Free to use must keep footer intact AS IS


Далее...

Magazine PRO free wordpres theme

2 Columns Magazine style free wordpres theme.



Magazine Pro



Demo


Download


License: Free to use must keep footer intact AS IS


Далее...

DynamicDrive

DynamicDrive - 2 columns Bright Colors Free WP theme accommodated
with best quality graphics, perfect color combination and integrated
with Google Adsense as well as extra useful features are provided in it.



DynamicDrive



Demo


Download


License: Free to use must keep footer intact AS IS


Далее...

Kienda 1.0

A Sleek web 2.0 Black theme with enoughfeatures to suit your needs.
You can select where to display social bookmark icons, adsense and
slect which social bookmark icons to display. Just give your adsense
code in the admin panel and everything will be set. Similarly in
feedburner, just give your id and it will function with your id. You
can also turn off feedburner.



Kienda 1.0



Demo


Download


License: Free to use must keep footer intact AS IS


Далее...

Blogger templates Butterfly

Another beautiful blogger templates which is originally a wordpress theme created by templates4all.com. The wordpress theme has been converted to blogger templates now. see the screenshot below

blogger templates butterfly

blogger templates butterfly

you can see the live demo or download here.

Are you a blogger template designer too? share your blogger templates to jackbook readers to get more exposures

Blogger Templates Butterfly Продолжение следует...

Далее...

Как разместить два слоя с заданной шириной рядом по горизонтали?

Слой, создаваемый через тег <DIV>, является блочным элементом веб-страницы. Это означает, что по ширине слой занимает все доступное пространство и всегда начинается с новой строки. Поэтому ограничение ширины слоев никак не приведет к тому, что блоки станут располагаться рядом. Для нашей цели следует воспользоваться стилевым параметром float со значением left. Атрибут float превращает блочный элемент в плавающий, что в свою очередь приводит к выравниванию слоя по левому краю и его обтеканию другими элементами по правому краю. На деле же слои при подобной манипуляции выстраиваются не друг под другом как обычно, а рядом по горизонтали. Но только в том случае, когда ширина слоев задана через параметр width, как показано в примере 1.

Пример 1. Слои заданной ширины

Валидный HTML
Валидный CSS

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Слои по горизонтали</title>
<style type="text/css">
#layer1 {
 background-color: #fc0; /* Цвет фона слоя */
 border: 1px solid #000; /* Параметры рамки вокруг */
 padding: 5px; /* Поля вокруг текста */
 float: left; /* Обтекание по правому краю */
 width: 200px; /* Ширина слоя */
}
#layer2 {
 background-color: #c0c0c0; /* Цвет фона слоя */
 border: 1px solid #000; /* Параметры рамки вокруг */
 padding: 5px; /* Поля вокруг текста */
 width: 300px; /* Ширина слоя */
 float: left; /* Обтекание по правому краю */
}
.clear {
 clear: both; /* Отмена обтекания */
}
</style>
</head>
<body>

<div id="layer1">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.
</div>

<div id="layer2">
Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis te feugifacilisi.

</div>

<div class="clear"></div>
<p>Duis te feugifacilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie consequat.</p>

</body>
</html>

Результат данного примера показан ни рис. 1.

Рис. 1

Рис. 1. Слои, располагающиеся по горизонтали с помощью параметра float

Данный пример работает только для слоев, у которых ширина задана явно в процентах или пикселах через параметр width. Чтобы обтекание не распространялось дальше на последующие элементы, необходимо применить атрибут clear, он отменяет действие float. В примере для этой цели создается «пустой» слой <div class="clear"></div>.

Замечание

При уменьшении размеров окна браузера до определенной величины, слои сверстанные по указанной методике перестают располагаться по горизонтали и «перескакивают» вниз друг под друга. Чтобы этого не происходило, воспользуйтесь стилевым атрибутом min-width.


Далее...

Как создавать файлы хедер и футер?

, <body>), а также теги форматирования и навигации, которые будут отображаться на странице поиска. Так, если блок поиска должен быть помещен в ячейку таблицы, файл хедер должен оканчиваться открывающимся тегом ячейки (<table> ... <tr> ... <td>).Пример файла хедер:<html><head><title>Поиск

Файлы хедер и футер должны обрамлять модуль поиска на html-странице.

Файл хедер должен содержать стандартные начальные html-теги страницы (<html>, <head>, <title>, <body>), а также теги форматирования и навигации, которые будут отображаться на странице поиска. Так, если блок поиска должен быть помещен в ячейку таблицы, файл хедер должен оканчиваться открывающимся тегом ячейки (<table> ... <tr> ... <td>).

Пример файла хедер:

<html>
<head>
<title>Поиск</title>
</head>
<body>
<p><a href="http://ваш.домен/link.html">ссылка1</a>
<a href="http://ваш.домен/link.html">ссылка2</a>
<a href="http://ваш.домен/link.html">ссылка3</a></p>
<table>
<tr>
<td>
<a href="http://ваш.домен/link.html">ссылка4</a><br>
<a href="http://ваш.домен/link.html">ссылка5</a><br>
<a href="http://ваш.домен/link.html">ссылка6</a></td>
<td>

Файл футер должен содержать стандартные завершающие html-теги страницы (</body>, </html>), а также теги форматирования и навигации, которые будут отображаться на странице поиска. Так, если блок поиска должен быть помещен в ячейку таблицы, файл хедер должен начинаться закрывающимся тегом ячейки (</td> ... </tr> ... </table>).

Пример файла футер:

</td>
<td><a href="http://ваш.домен/link.html">ссылка7</a><br>
<a href="http://ваш.домен/link.html">ссылка8</a><br>
<a href="http://ваш.домен/link.html">ссылка9</a></td>
</tr>
</table>
<p><a href="http://ваш.домен/link.html">ссылка10</a>
<a href="http://ваш.домен/link.html">ссылка11</a>
<a href="http://ваш.домен/link.html">ссылка12</a></p>
</body>
</html>

ВНИМАНИЕ!!! Используйте в ссылках абсолютные URL (http://ваш.домен/...)

Как создавать файлы хедер и футер? - Поддержка - Общие вопросы - MiroHost.net | Hosting provider
Создано в браузере Flock

Далее...

Как создавать расширяемые краткие описания сообщений?

Как создавать расширяемые краткие описания сообщений?

Эта функция позволяет отображать любое количество текста от начала каждого сообщения, чтобы заманить посетителя прочитать его целиком. Если тот заинтересуется, он может нажать на ссылку, чтобы увидеть полный текст. Это удобно, если у вас на одной странице много длинных статей. Обратите внимание: чтобы эта функция работала, у вас должны быть включены страницы сообщений.

Чтобы воспользоваться этой функцией, вам нужно три вещи: условные CSS, ссылка "Дальше..." для каждого сообщения и изменения, которые должны быть внесены в соответствующие сообщения. Итак, рассмотрим все подробнее.

Условные CSS

Чтобы сообщения на разных страницах отображались по-разному, нам понадобятся условные теги. В зависимости от того, каким шаблоном вы пользуетесь, добавьте в таблицу стилей следующий код:

(для классических шаблонов)

<MainOrArchivePage> 
span.fullpost {display:none;}
</MainOrArchivePage>

<ItemPage>
span.fullpost {display:inline;}
</ItemPage>

(для макетов)

<b:if cond='data:blog.pageType == "item"'> 
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>

Таблица стилей обычно располагается в начале шаблона между тегами <style> и </style>. Если у вас она хранится в отдельном файле, эти строки все равно надо будет добавить в шаблон, иначе условные теги не будут работать. До и после них обязательно должны быть теги <style>.

Здесь мы определили класс под названием "fullpost", который будет отображаться только на страницах сообщений (с постоянными ссылками). Как мы увидим дальше, часть каждого сообщения будет использовать этот класс.

Ссылки "Дальше..."

Добавьте в шаблон где-нибудь после тега <$BlogItemBody$> или тега <data:post.body/> следующий код:

(для классических шаблонов)

<MainOrArchivePage><br />
<a href="<$BlogItemPermalinkURL$>">Дальше!</a>
</MainOrArchivePage>

(для макетов)

<b:if cond='data:blog.pageType != "item"'><br />
<a expr:href='data:post.url'>Read more!</a>
</b:if>

Эта ссылка будет отображаться только на главной странице и на страницах архива. Она будет переадресовывать читателя на страницу сообщения, содержащую его полный текст. Естественно, слово "Дальше" можно заменить любым другим текстом.

Изменение сообщений

Наконец, небольшой фрагмент кода надо добавить в само сообщение. Введите этот код в каждое сообщение, на которое должна распространяться эта функция:

<span class="fullpost"></span>

Если не хотите возиться с этим каждый раз, можете просто добавить этот код в шаблон сообщения. Краткое описание должно быть за пределами тегов span, а остальной текст - между этими тегами, вот так:

Это начало сообщения. <span class="fullpost">А это - все остальное.</span>

Теперь посетители блога будут видеть следующее:

Это начало сообщения.
"Дальше..."
Если нажать на эту ссылку, загрузится страница сообщения с его полным текстом:
Это начало сообщения. А это - все остальное.

Примечания.

  • Как и при любых других изменениях шаблона, не забудьте сохранить его первоначальную копию, прежде чем приступить к работе. Для этого достаточно скопировать код и сохранить его в текстовом файле на жестком диске, чтобы в случае ошибки можно было восстановить первоначальную версию шаблона.
  • Другой способ отображения отрывков сообщений заключается в том, чтобы показывать или скрывать сообщения целиком. У каждого варианта есть свои преимущества и недостатки.
  • Преимущество первого метода: настраиваемые краткие описания, а не только заголовки. Эта функция может распространяться на одни сообщения и не распространяться на другие. (Например, можно использовать отрывки, только если сообщение длинное).
  • Недостатки: вносить изменения приходится в сами сообщения, а не в шаблон. Зато ссылка "Дальше..." дана в шаблоне, а потому отображается независимо от того, усечено сообщение или нет. (Над тем, как изменить эту функцию, можете поразмыслить сами).
Blogged with the Flock Browser

Далее...

17 лучших онлайн-утилит для подборки цветовой гаммы

1.

Adobe Kuler

генератор цвета, подборка цветов, подобрать цвет, схемы цвет, утилиты

2.

Colr.org 

генератор цвета, подборка цветов, подобрать цвет, схемы цвет, утилиты

3.

Colour Lovers 

генератор цвета, подборка цветов, подобрать цвет, схемы цвет, утилиты

4.

4096 Color Wheels 

генератор цвета, подборка цветов, подобрать цвет, схемы цвет, утилиты

5.

Color Schemer 

генератор цвета, подборка цветов, подобрать цвет, схемы цвет, утилиты

6.

Color Palette Generator 

генератор цвета, подборка цветов, подобрать цвет, схемы цвет, утилиты

7.

Web 2.0 Color Palette 

генератор цвета, подборка цветов, подобрать цвет, схемы цвет, утилиты

8.

Color Scheme Generator 

генератор цвета, подборка цветов, подобрать цвет, схемы цвет, утилиты

9.

ColorJack
генератор цвета, подборка цветов, подобрать цвет, схемы цвет, утилиты

10.

Color Harmony 

генератор цвета, подборка цветов, подобрать цвет, схемы цвет, утилиты

11.

Color Blender 

генератор цвета, подборка цветов, подобрать цвет, схемы цвет, утилиты

12.

Color Schemer Online v2 

генератор цвета, подборка цветов, подобрать цвет, схемы цвет, утилиты

13.

ColorDB

генератор цвета, подборка цветов, подобрать цвет, схемы цвет, утилиты

14.

Accessibility Color Wheel

генератор

15.

Color Hunter 

генератор цвета, подборка цветов, подобрать цвет, схемы цвет, утилиты

16.

GenoPal

генератор цвета, подборка цветов, подобрать цвет, схемы цвет, утилиты

17.

Pic2Color 

генератор цвета, подборка цветов, подобрать цвет, схемы цвет, утилиты

Блог Артема Беляйкина » Архив блога » 17 лучших онлайн-утилит для подборки цветовой гаммы
Создано в браузере Flock

Далее...

Скрипты

Эффекты с текстом:

 
Эффекты с курсором: 
 
Эффекты ссылок: 
Эффекты с картинками: 
Разные эффекты: 

Создано в браузере Flock

Далее...

Blue Marine Blogger Template

Blue Marine Blogger Template | JackBook.Com
Blogged with the Flock Browser

Далее...

O2 Blogger Templates - #1

O2 Blogger Templates - #1 | JackBook.Com
Blogged with the Flock Browser

Далее...

Blogger Template for a Red Girl

Blogger Template for a Red Girl | JackBook.Com
Blogged with the Flock Browser

Далее...

Cat Blogger Template - Sosuechtig - #4

Cat Blogger Template - Sosuechtig - #4 | JackBook.Com
Blogged with the Flock Browser

Далее...

iWork Blogger Template

iWork Blogger Template | JackBook.Com
Blogged with the Flock Browser

Далее...

Brown Aspire Blogger Template, A Killing Design!

Brown Aspire Blogger Template, A Killing Design! | JackBook.Com
Blogged with the Flock Browser

Далее...

Blue Elegant Blogger Template

Blue Elegant Blogger Template | JackBook.Com
Blogged with the Flock Browser

Далее...

Free Premium Blogger Template

Free Premium Blogger Template | JackBook.Com
Blogged with the Flock Browser

Далее...

PrimaBox Blogger Template | JackBook.Com

PrimaBox Blogger Template | JackBook.Com
Blogged with the Flock Browser

Далее...

Grassy Sunset Blogger Template

Grassy Sunset Blogger Template | JackBook.Com
Blogged with the Flock Browser

Далее...

Lemon Blogger Template | JackBook.Com

Lemon Blogger Template | JackBook.Com
Создано в браузере Flock

Далее...

Темы для Wordpress на русском - Wpthemes.ru

Здесь собраны лучшие русские темы и шаблоны для wordpress. Наши темы для wordpress регулярно обновляются и корректируются. Наш сайт «Темы для wordpress на русском» рад приветствовать Вас, надеемся, что вы найдете достойную тему для своего блога на самом лучшем движке – wordpress!

Vistalog

Март 20, 2008 – 12:17
Темы для Wordpress на русском - Wpthemes.ru
Создано в браузере Flock

Далее...

Мой список блогов