2

ВКонтакте Лайт – стиль для Stylish

Постовой: seo

Хочу представить вашему вниманию свой стиль для сайта ВКонтакте – ВКонтакте Лайт (скриншот).

Функции

  • Фиксация левого меню, чтобы при прокрутке страницы меню оставалось на одном и том же месте
  • И фиксация верхнего меню. Опять же для более удобной навигации. Меню полупрозрачное
  • Также убран футер, там где копирайт и некоторые ссылки

Продолжить чтение →

1

OpenID сервер на собственном блоге

openid_logoНаверное, вы уже слышали про технологию OpenID? Если кратко, то это система единого входа на сайты, подробнее прочитать можно на википедии.

Эта статья для тех кто уже знает, что это такое и для тех, кто не хочет регистрироваться на сторонних сервисах типа MyOpenID, а хочет иметь OpenID логин на собственном блоге.

Советую для этих целей использовать вам скрипт phpMyID(Скачать можно там же).

Итак, скачиваем скрипт и кидаем его в любую директорию, например,

http://ВашСайт/openid/

Потом открываем файл MyID.config.php и редактируем его согласно вашему имени и паролю, но тут стоит отметить, что пароль хешируется алгоритмом md5. Должен получится примерно такой код:

     <br />'auth_username' =&gt; 'neoantox',     <br />'auth_password' =&gt; 'тут ваш хеш',     <br />

Сохраняем файл.

Далее, на главной странице вставляет между тегами <head> и </head> Вставляем код:

<link rel="openid.server" href="http://neoantox.ru/openid/MyID.config.php" />     <br /><link rel="openid.delegate" href="http://neoantox.ru/openid/MyID.config.php" />    <br />

Теперь в качестве openid указывайте адрес своего блога.

0

Две маленькие CSS фичи

Когда я менял тему своего блога я столкнулся с двумя проблемами:

  • Так как у меня на старой теме ширина контента была больше, то в новой у меня картинки попросту вылезают за пределу записи
  • И вторая — Firefox при нажатии вокруг ссылок делает небольшую рамку, что иногда очень сильно раздражает

Немного побродив в интернете я нашел решения этих проблем.

Чтобы решить первую проблему достаточно изображениям присвоить максимальную ширину равную стам процентам. Например, я сделал вот так:

.post img {
max-width:100%;
}

А вот чтобы решить вторую проблему достаточно у ссылок убрать свойство outline. Вот так у меня это выглядит:

A {
 outline: none;
}

И теперь пользователи Firefox не будут видеть на вашем сайте рамки вокруг ссылок.

P.S. А вот если вы пользователь Firefox и не хотите видеть эти рамки нигде, достаточно добавить предыдущий код в файл:

X:\Documents and Settings\Юзверь\Application Data\Mozilla\Firefox\Profiles\ваш профиль\chrome\userContent.css

Copyright © 2009-2012 | Дизайн: Trevor Fitzgerald | Перевод: Антон Рудников