Информация

  • FastVps - Хостинг для форума
  • RegPartner - Домены по правильным ценам

"4admins.ru" Рекомендует

Делимся кнопками, сделанные СВОИМИ руками.

Стили, ббкоды, смайлы и прочее для украшения форума
  • Автор 
    Сообщение
Аватара пользователя
Сообщения: 100
Зарегистрирован: 01 июн 2012, 12:58
Благодарил (а): 32
Поблагодарили: 28 раз в 25 сообщениях
Город: Кемерово
Пол: Мужской
Адрес форума: http://virt-life.ru/
Баллы репутации: 13

Делимся кнопками, сделанные СВОИМИ руками.

Сообщение Добавлено: 10 июн 2013, 16:21

Искал темку, куда можно скинуть свои творения. Может понадобится кому.
Вот такие стоят у меня. Сам делал. jokingly

Изображение

Изображение

Изображение

Изображение

Изображение
Меня окружают хорошие люди… Но я без боя не сдамся!

Сообщения: 8
Зарегистрирован: 03 июн 2013, 11:09
Благодарил (а): 1
Поблагодарили: 1 раз в 1 сообщении
Город: Tallinn
Пол: Мужской
Адрес форума: http://samp-vnl.ru/
бабло: 0
Баллы репутации: 0

Re: Делимся кнопками, сделанные СВОИМИ руками.

Сообщение Добавлено: 10 июн 2013, 16:37

Изображение

За это сообщение пользователя #John поблагодарили:
GoDFaTHeR

Аватара пользователя
Сообщения: 34
Зарегистрирован: 15 май 2013, 18:35
Благодарил (а): 1
Поблагодарили: 1 раз в 1 сообщении
Пол: Мужской
Адрес форума: ------
бабло: 100
Баллы репутации: 0

Re: Делимся кнопками, сделанные СВОИМИ руками.

Сообщение Добавлено: 18 июн 2013, 13:26

"Преды" - не лучший вариант.
"Ранее" или аналогичное смотрелось бы куда лучше.

Аватара пользователя
Сообщения: 619
Зарегистрирован: 18 июл 2012, 17:51
Благодарил (а): 13
Поблагодарили: 237 раз в 212 сообщениях
Пол: Мужской
Адрес форума: http://cabinetadmina.ru
Баллы репутации: 53

Re: Делимся кнопками, сделанные СВОИМИ руками.

Сообщение Добавлено: 18 июн 2013, 17:45

Поддержу автора топика. Кнопки моего исполнения, так сказать кнопки а-ля кабинет админа:

Изображение

Css кнопок:
Код: Выделить всё
/* Profile Button
---------------------------------------- */
.profile-button {
   background-image: -moz-linear-gradient(#ddd, #ccc);
   background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#ccc));
   background-image: -webkit-linear-gradient(#ddd, #ccc);
   background-image: -o-linear-gradient(#ddd, #ccc);
   background-image: -ms-linear-gradient(#ddd, #ccc);
   background-image: linear-gradient(#ddd, #ccc);
   border: 1px solid #aaa;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px;   
   font: bold 11px "helvetica neue", helvetica, arial, sans-serif; 
   padding: 5px 10px;
   text-align: center;
   vertical-align: middle;
   opacity: 0.6;
}

.profile-button:hover {
   background: #ff0000;
   background: -moz-linear-gradient(top, #ff0000 0%, #db504d 50%, #cb0500 50%, #a20601 100%);
   background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #ff0000), color-stop(0.5, #db504d), color-stop(0.5, #cb0500), color-stop(1, #a20601));
   cursor: pointer;
   text-decoration: none;
   border: 1px solid #444444;
   color: #fff;
   opacity: 1;
}

.profile-button:active {
   background: #b30300;
   background: -moz-linear-gradient(top, #d43c28 0%, #ad3224 50%, #9c1500 50%, #700d00 100%);
   background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #d43c28), color-stop(0.5, #ad3224), color-stop(0.5, #9c1500), color-stop(1, #700d00));
   -moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4);
   -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4);
   box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4);
}


Html кнопок:
Код: Выделить всё
<ul class="profile-icons">
   <!-- IF postrow.U_EDIT --><a class="profile-button" href="{postrow.U_EDIT}" title="{L_EDIT_POST}"><span>Правка</span></a>&#160;<!-- ENDIF -->
   <!-- IF postrow.U_DELETE --><a class="profile-button" href="{postrow.U_DELETE}" title="{L_DELETE_POST}"><span>Х</span></a>&#160;<!-- ENDIF -->
   <!-- IF postrow.U_REPORT --><a class="profile-button" href="{postrow.U_REPORT}" title="{L_REPORT_POST}"><span>!</span></a>&#160;<!-- ENDIF -->
   <!-- IF postrow.U_WARN --><a class="profile-button" href="{postrow.U_WARN}" title="{L_WARN_USER}"><span>Бан</span></a>&#160;<!-- ENDIF -->
   <!-- IF postrow.U_INFO --><a class="profile-button" href="{postrow.U_INFO}" title="{L_INFORMATION}"><span>?</span></a>&#160;<!-- ENDIF -->
   <!-- IF postrow.U_QUOTE --><a class="profile-button" href="{postrow.U_QUOTE}" title="{L_REPLY_WITH_QUOTE}"><span>Цитата</span></a><!-- ENDIF -->
</ul>

:)
http://cabinetadmina.ru/ - Сервис по оптимизации, модернизации и раскрутке ваших форумов.

За это сообщение пользователя CornerAdmin поблагодарили:
anya, ArtPro, romaamor

Аватара пользователя
Сообщения: 646
Зарегистрирован: 10 фев 2011, 18:34
Откуда: Иркутск
Благодарил (а): 135
Поблагодарили: 146 раз в 116 сообщениях
Город: Иркутск
Пол: Мужской
Адрес форума: в разработке
бабло: 0
Баллы репутации: 24

Re: Делимся кнопками, сделанные СВОИМИ руками.

Сообщение Добавлено: 18 июн 2013, 18:52

CornerAdmin
Клева! Кнопки на чистом CSS3. :)
Лучше смотрится, чем с использованием картиноподобным кнопкам.
ОСАГО онлайн - 16 страховых компаний для расчета полиса ОСАГО онлайн.

Аватара пользователя
Сообщения: 7065
Зарегистрирован: 11 авг 2009, 16:58
Благодарил (а): 660
Поблагодарили: 2357 раз в 1754 сообщениях
Город: Москва
Пол: Мужской
Адрес форума: http://help.4admins.ru
Баллы репутации: 170

Re: Делимся кнопками, сделанные СВОИМИ руками.

Сообщение Добавлено: 18 июн 2013, 22:01

"ArtPro" писал(а):
Лучше смотрится, чем с использованием картиноподобным кнопкам.

Особенно на ИЕ :)
На этом сервисе можно cоздать форум бесплатно

Аватара пользователя
Сообщения: 619
Зарегистрирован: 18 июл 2012, 17:51
Благодарил (а): 13
Поблагодарили: 237 раз в 212 сообщениях
Пол: Мужской
Адрес форума: http://cabinetadmina.ru
Баллы репутации: 53

Re: Делимся кнопками, сделанные СВОИМИ руками.

Сообщение Добавлено: 19 июн 2013, 07:48

"GoDFaTHeR" писал(а):
Особенно на ИЕ

Для IE есть свои костыли, только нужно ли это...
У меня даже телефон старенький со встроенным браузером и тот нормально отображает... Ну его нафиг этот ИЕ...


ps:
Изображение

css:
Код: Выделить всё
/* Profile Button
---------------------------------------- */
.profile-button {
   background: #f7c999;
   background: -moz-linear-gradient(top, #f7c999 0%, #f7c999 0%, #f2b171 42%, #f09f54 45%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7c999), color-stop(0%,#f7c999), color-stop(42%,#f2b171), color-stop(45%,#f09f54));
   background: -webkit-linear-gradient(top, #f7c999 0%,#f7c999 0%,#f2b171 42%,#f09f54 45%);
   background: -o-linear-gradient(top, #f7c999 0%,#f7c999 0%,#f2b171 42%,#f09f54 45%);
   background: linear-gradient(to bottom, #f7c999 0%,#f7c999 0%,#f2b171 42%,#f09f54 45%);
   background: -ms-linear-gradient(top, #f7c999 0%,#f7c999 0%,#f2b171 42%,#f09f54 45%); /* IE10+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7c999', endColorstr='#f09f54',GradientType=0 ); /* IE6-9 */
   border: 1px solid #96967E;     
   font: bold 11px "helvetica neue", helvetica, arial, sans-serif; 
   padding: 5px 10px;
   text-align: center;
   vertical-align: middle;
   color: #766545;
   -webkit-box-shadow: inset 0 1px 0 #FCF3E9;
   -moz-box-shadow: inset 0 1px 0 #FCF3E9;
   box-shadow: inset 0 1px 0 #FCF3E9;
}
.profile-button:hover {
   background: #e8e8e8;
   background: -moz-linear-gradient(top, #e8e8e8 0%, #e8e8e8 0%, #e8e8e8 42%, #e0e0e0 45%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e8), color-stop(0%,#e8e8e8), color-stop(42%,#e8e8e8), color-stop(45%,#e0e0e0));
   background: -webkit-linear-gradient(top, #e8e8e8 0%,#e8e8e8 0%,#e8e8e8 42%,#e0e0e0 45%);
   background: -o-linear-gradient(top, #e8e8e8 0%,#e8e8e8 0%,#e8e8e8 42%,#e0e0e0 45%);
   background: linear-gradient(to bottom, #e8e8e8 0%,#e8e8e8 0%,#e8e8e8 42%,#e0e0e0 45%);
   background: -ms-linear-gradient(top, #e8e8e8 0%,#e8e8e8 0%,#e8e8e8 42%,#e0e0e0 45%); /* IE10+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
   cursor: pointer;
   text-decoration: none;
   border: 1px solid 999C9E;
   color: #766545;
}

C костылями для IE.
http://cabinetadmina.ru/ - Сервис по оптимизации, модернизации и раскрутке ваших форумов.

Аватара пользователя
антивирус
антивирус
Сообщения: 605
Зарегистрирован: 25 дек 2011, 03:00
Благодарил (а): 83
Поблагодарили: 119 раз в 98 сообщениях
Город: Царицын
Пол: Мужской
Адрес форума: http://forum.sdmon.ru/
Баллы репутации: 23

Re: Делимся кнопками, сделанные СВОИМИ руками.

Сообщение Добавлено: 22 июл 2013, 10:28

CornerAdmin, пожалуйста, помогите. Очень нужны HTML кнопок "вернуться к началу", "спасибо", "убрать спасибо", "быстрая цитата" (которая с выделением текста) и пояснения, как бы мне эти кнопки разместить внизу сообщения вместо существующей кнопки "вернуться к началу".
Изображение
Изображение

Аватара пользователя
Сообщения: 511
Зарегистрирован: 27 авг 2010, 17:39
Благодарил (а): 476
Поблагодарили: 58 раз в 54 сообщениях
Пол: Женский
Адрес форума: http://transalternativa.ru/
Баллы репутации: 9

Re: Делимся кнопками, сделанные СВОИМИ руками.

Сообщение Добавлено: 22 июл 2013, 12:40

"Степ" писал(а):
Искал темку,

где то была уже такая тема... Ариан делал кому то....

Аватара пользователя
Сообщения: 619
Зарегистрирован: 18 июл 2012, 17:51
Благодарил (а): 13
Поблагодарили: 237 раз в 212 сообщениях
Пол: Мужской
Адрес форума: http://cabinetadmina.ru
Баллы репутации: 53

Re: Делимся кнопками, сделанные СВОИМИ руками.

Сообщение Добавлено: 22 июл 2013, 15:35

Ариан
Помогу, чего ж нет. Прошу в отдельную тему, чтобы эту не засорять, либо в кабинет админа, по желанию.
http://cabinetadmina.ru/ - Сервис по оптимизации, модернизации и раскрутке ваших форумов.

За это сообщение пользователя CornerAdmin поблагодарили:
anya


Вернуться в Оформление форумов

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 12