Скучный блог вебмастера

Посты с меткой ‘animetank.ru’


Красивый поиск

17.11.2010


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

А тут на новой работе узнал одну интересную фишку, как поле поиска облагородить. Строители воруют с работы кирпичи, плотники дерево и гвозди, а веб-программисты — скрипты))) На самом деле это довольно известная реализация на ява-скрипте, применяемая на многих сайтах, но думаю кому-то тоже будет интересно.

Встроенный поиск на вордпрессе выглядит так:

<form method="get" action="<?php echo $_SERVER['PHP_SELF']; ?>">

<input type="text" value="<?php echo wp_specialchars ($s, 1); ?>" name="s" id="s" size="10" />

<br/>

<input type="submit"  value="Найти" /> — это выводится кнопка

</form>

Достаточно в поле input вставить следующий скрипт:

onfocus="if (this.value=='поиск...') this.value='';" onblur="if (!this.value) this.value='поиск...'"

и тогда в поле ввода будет постоянно стоять слово «поиск...», а при постановке туда курсора, это слово будет убираться.

Также можно добавить дополнительный ID, например id="search_field" и в CSS задать полю и тексту в нем стиль.

При этом кнопку можно вообще не использовать, отправление запроса поиска будет производиться по нажатию клавиши «Ввод».

Так я и поступил на сайте www.animetank.ru, что позволило мне минимизировать размеры поиска, и перенести его из низа левого сайдбара в шапку в правый верхний угол, на более видное место. Буковкам задал стиль общий с оформлением сайта, поле оставил белым, потому что подхоидт.

Теперь смотрю на это дело и восхищаюсь :-)


Метки:, ,
Рубрики: Webмастеринг, Вордпресс | Комментариев нет »

Я сделал это!

21.05.2010


Я переделал сайт animetank.ru. Очень давно у меня была мысль привести его в нормальный вид. То чем он являлся до этого было всего лишь наспех сделаным проектом, который практически не дорабатывался. Дизайн был ужасен, наполнение практически отсутствовало, удобств вообще никаких не было. Потому в начале апреля я засел и полтора месяца плотно занимался созданием практически нового сайта.

Читать полностью »


Метки:, , ,
Рубрики: Вордпресс, Новости | 1 Комментарий »

Крупные техработы

24.12.2009


В своем стремлении к совершенству провел большие переработки сайта animetank.ru . Я уже давно задумал изменить положение сайдбаров: левый сжать, так как для меню хватит небольшой ширины, а правый расширить, чтобы он мог нести большую смыловую нагрузку. В ходе работы пришлось слегка поэкспериментировать, но в итоге все получилось как я и задумал.  Некоторая ассиметричность сайта, придает ему оригинальность и большее удобство. Левый сайдбар как пульт управления, быстро можно переключиться на нужную рубрику, в середине интересуюшие статьи, а при этом в правом сайдбаре постоянно динамично отображается  достаточно интересная информация. Тут как раз подвернулась возможность втыкнуть на сайт чат, который физически находится на другом сервере, но подгружается на страницу при открытии сайта. Это стало отличным решением, так как чат хотелось давно, а найти такой, чтобы не мучать сервак и посетителям было удобно я все никак не мог. Кроме того я оформил страничку Наруто, который уже давненько прислал мне свои работы для фан-арта, их я уже на основную выводил в новом широком формате 240 на 240 пикселей. Так смотрится вообще лучше. И как я отметил, за последнее время увеличилось количество посетителей сайта, и уже превышает сто человек в сутки. Значит все делается не зря.

Кроме того я уделил некоторое внимание своему блогу. Мы с Жекой обменялись ссылками, и теперь у меня в блогролле появилась первая ссылка на Блог Жеки Кипяткова. И еще я поставил счетчик, так что теперь знаю кто, откуда и зачем ко мне пришел.


Метки:, , ,
Рубрики: Webмастеринг | Комментариев нет »

Новый аниме фан-арт

14.11.2009


Фан-арт Rionoske

Фан-арт Rionoske

Художница Rionoske прислала мне свои работы в рамках акции по размещению на главной странице сайта animetank.ru ротации фан-арта, созданного членами клуба. Правда работ всего три, но все равно радует  хоть какое-то начало. Вот только у меня наверно, недели две не доходили руки все это оформить. Наконец, сегодня уселся и забацал страничку, а также создал общую страницу художников, куда теперь и ведет ссылка с ротатора. Конечно, не все прошло гладко. Присланные работы являются фотографиями рисунков, а даже самый хороший фотоаппарат не передаст так точно рисунок как сканер. И кроме того пропорции работ немного не соответствовали заданным, так что мне пришлось слегка их кадрировать. Но все равно, арт красивый и теперь его смогут увидеть посетители сайта. Конечно сейчас количество работ Юки гораздо больше, но с увеличением количества художников появится баланс. Все работу Rionoske можно увидеть на ее странице, большие картинки открываются в новом окне. А одной из них я украсил этот пост.

К сожалению, все никак не выберу время чтобы кардинально переверстать шаблон сайта. В планах уменьшить левый сайдбар и увеличить правый, а также поработать над дизайном меню.


Метки:, ,
Рубрики: Webмастеринг | Комментариев нет »

Ротация аниме фан арта

07.09.2009


Наконецто ротация картинок воплощена в жизнь на animetank.ru , пока конечно только прототип, так как нету содержания, а именно фан-арта нарисованного непосредственно для этого элемента дизайна сайта. Необходимо строго рисовать в рамки 180 на 240 пикселей, иначе будет стремно выглядеть. Но уже дал объявление на анимке и если дойдут руки напишу подробно про эту акцию на форуме. Надеюсь будет на сайте ротация и красивые галереи наших художников. Вот только пока устанавливал намучался, не работало часа три, весь код перелопатил, а оказалось одного файла не хватало, наверное тупо не залился :-) .


Метки:,
Рубрики: Webмастеринг | Комментариев нет »

Работа над аниметанком

02.09.2009


Вчера проделал гигантско-геморойную работу по составлению материала с фотокросса. Замучился заливать и вставлять фотки. Еще блин добрый Каспер стукнул в асю, а я в это время решил нажать на предварительный посмотр, в результате наполовину готовая статья куда то исчезла и следов ее не сохранилось ни в архива, ни в черновиках. Хотел на все плюнуть, но все же решил заново все добить дабы анимешники могли наслаждаться результатами воскресного фотокросса. Но стал делать по хитрому, всю страницу изначально сверстал в дриме, а только потом вставил в джумлу и там осталось только мелочи подправить.

Сегодня же удалось конкретно поработать над структурой сайта animetank.ru, наконец-то привел все менюшки к желаемому виду, пару удалил. То что было жестко врезано в страницу переделал в модуль для мобильности. Мне даже показалось на сайте стало больше места :-) Но все равно работы еще много. Хочется вставить туда еще ротацию картинок и кое какой банерок.


Метки:, , ,
Рубрики: Webмастеринг | Комментариев нет »

Тагильский аниме клуб T.An.K. | Аниме форум |