Перейти к содержанию

Помогите создать кнопки в стиле!


Рекомендуемые сообщения

Здравствуйте, помогите пожалуйста создать красивые и стильные кнопки в скине над чатом. Заранее всем Огромное Спасибо.

2015-05-24_215014.thumb.png.18cbef80d28e

Ссылка на комментарий
Поделиться на другие сайты

Здравствуйте, помогите пожалуйста создать красивые и стильные кнопки в скине над чатом. Заранее всем Огромное Спасибо.

2015-05-24_215014.thumb.png.18cbef80d28e

​Жизнь - боль. Для начала изучите хотя бы базово html и css. htmlbook вам в помощь

Ссылка на комментарий
Поделиться на другие сайты

​Жизнь - боль. Для начала изучите хотя бы базово html и css. htmlbook вам в помощь

​полезный совет, если бы я его изучил, как думаете просил о помощи?

Ссылка на комментарий
Поделиться на другие сайты

​полезный совет, если бы я его изучил, как думаете просил о помощи?

​А Вы думаете за Вас тут кто-то будет кнопки делать и элементарно пользоваться Гуглом? В инете полным полно всяких разных видов кнопок, выбирай не хочу...

Вам лень пользоваться поиском, мне лень Вам помогать. Имхо

Ссылка на комментарий
Поделиться на другие сайты

​А Вы думаете за Вас тут кто-то будет кнопки делать и элементарно пользоваться Гуглом? В инете полным полно всяких разных видов кнопок, выбирай не хочу...

Вам лень пользоваться поиском, мне лень Вам помогать. Имхо

​Если Вам не видно, кнопки сделаны, но отображаются они не так как нужно, не хотите помогать, пройдите мимо темы.

Ссылка на комментарий
Поделиться на другие сайты

если кнопки созданы, им лишь нужно прописать отдельный класс всему блоки и прописать его в ipb_styles.css

Ссылка на комментарий
Поделиться на другие сайты

если кнопки созданы, им лишь нужно прописать отдельный класс всему блоки и прописать его в ipb_styles.css

​Не совсем понял, вот как я хочу что бы они отображались

Это как сейчас

1.thumb.png.2ea3b9e769a8da788c05e417b858

Как нужно

2.thumb.png.5a40049c9c6774c3e42a1bbc9e2a

 

Это два разных стиля, но может как то можно сделать, что бы они именно так были сделаны в первом варианте, а не в столбик простым текстом. Заранее Спасибо.

Ссылка на комментарий
Поделиться на другие сайты

​Не совсем понял, вот как я хочу что бы они отображались

Это как сейчас

1.thumb.png.2ea3b9e769a8da788c05e417b858

Как нужно

2.thumb.png.5a40049c9c6774c3e42a1bbc9e2a

 

Это два разных стиля, но может как то можно сделать, что бы они именно так были сделаны в первом варианте, а не в столбик простым текстом. Заранее Спасибо.

​Вытащить html и css не пробовали?

<ul id="lincs">
    <li class="first"><a href="http://liveracingreborn.com/topic/2062-reglament-onlain-chempionata-liveracing-f1-2013-codemasters/" title="Liveracingreborn" target="_blank"><span>Регламент Чемпионата</span></a></li>
    <li><a href="http://liveracingreborn.com/topic/2168-%D0%BA%D0%B0%D0%BA-%D0%BF%D0%BE%D0%BF%D0%B0%D1%81%D1%82%D1%8C-%D0%BD%D0%B0-%D1%82%D0%B5%D1%81%D1%82%D1%8B/" title="информация" target="_blank"><span>Как попасть на Тесты</span></a></li>
    <li><a href="http://liveracingreborn.com/topic/2162-voprosy-k-administratcii-liveracing/" title="вопрос - ответ" target="_blank"><span>Вопросы к Администрации</span></a></li>
    <li><a href="http://liveracingreborn.com/topic/2251-pomosch-v-razvitii-onlain-chempionata-po-formule-1-l/" title="Liveracingreborn" target="_blank"><span>Помощь Проекту</span></a></li>
    <li class="first"><a href="http://liveracingreborn.com/topic/3004-kalendar-etapov-23-sezona/" title="информация" target="_blank"><span>Календарь Чемпионата</span></a></li>
    <li><a href="http://liveracingreborn.com/topic/2317-kodeks-pilota-v-onlajn-chempionate-na-sajte-liveracingreborn/" title="Liveracingreborn" target="_blank"><span>Кодекс Онлайн Пилота</span></a></li>
    <li><a href="http://liveracingreborn.com/forum/183--/" title="участие в чемпионате" target="_blank"><span>Регистрация в Чемпионат</span></a></li>
    <li><a href="http://liveracingreborn.com/topic/2889-rekordy-trass-f1-2014-statistika-pilotov-liveracingreborn/#entry74538" title="информация" target="_blank"><span>Рекорды Пилотов</span></a></li>
</ul>
ul#lincs {
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	background:#303030;
	margin:10px 0 20px;
	border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background:rgba(30,30,30,0.9);
	background:-moz-linear-gradient(top, rgba(30,30,30,0.8) 0%, rgba(30,30,30,0.9) 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,30,30,0.8)), color-stop(100%,rgba(30,30,30,0.9)));
	background:-webkit-linear-gradient(top, rgba(30,30,30,0.8) 0%,rgba(30,30,30,0.9) 100%);
	background:-o-linear-gradient(top, rgba(30,30,30,0.8) 0%,rgba(30,30,30,0.9) 100%);
	background:-ms-linear-gradient(top, rgba(30,30,30,0.8) 0%,rgba(30,30,30,0.9) 100%);
	background:linear-gradient(to bottom, rgba(30,30,30,0.8) 0%,rgba(30,30,30,0.9) 100%);border:1px solid #151515;
}
#lincs li {
	display:inline-block;
}
#lincs li a {
	display:block;
	padding:15px 50px;
	text-decoration:none;
	color:#FFF;
	color:rgba(255,255,255,1);
	text-shadow:rgba(0,0,0,1) 0 -1px 0;
}
	
	#lincs li a:hover {
	background:#303030;
	color:rgba(255,255,255,0.66);
	background:rgba(30,30,30,0.75);
	}

Ссылка на комментарий
Поделиться на другие сайты

​Вытащить html и css не пробовали?

 

Скрытый контент

​пробовал, вот это и есть результат, текст в столбик.

Ссылка на комментарий
Поделиться на другие сайты

​пробовал, вот это и есть результат, текст в столбик.

​Сделайте доступным стиль для гостей, чтобы посмотреть, что там у Вас не так.

Ссылка на комментарий
Поделиться на другие сайты

​Сделайте доступным стиль для гостей, чтобы посмотреть, что там у Вас не так.

​Сделал

Ссылка на комментарий
Поделиться на другие сайты

​Сделал

​Не вижу, чтобы Вы добавили css-код, который я написал выше.

Да и html криво скопировали.

Изменено пользователем LvsF
Ссылка на комментарий
Поделиться на другие сайты

​Не вижу, чтобы Вы добавили css-код, который я написал выше.

Да и html криво скопировали.

​Не могу понять, куда вот это скопировать?

ul#lincs {
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	background:#303030;
	margin:10px 0 20px;
	border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background:rgba(30,30,30,0.9);
	background:-moz-linear-gradient(top, rgba(30,30,30,0.8) 0%, rgba(30,30,30,0.9) 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,30,30,0.8)), color-stop(100%,rgba(30,30,30,0.9)));
	background:-webkit-linear-gradient(top, rgba(30,30,30,0.8) 0%,rgba(30,30,30,0.9) 100%);
	background:-o-linear-gradient(top, rgba(30,30,30,0.8) 0%,rgba(30,30,30,0.9) 100%);
	background:-ms-linear-gradient(top, rgba(30,30,30,0.8) 0%,rgba(30,30,30,0.9) 100%);
	background:linear-gradient(to bottom, rgba(30,30,30,0.8) 0%,rgba(30,30,30,0.9) 100%);border:1px solid #151515;
}
#lincs li {
	display:inline-block;
}
#lincs li a {
	display:block;
	padding:15px 50px;
	text-decoration:none;
	color:#FFF;
	color:rgba(255,255,255,1);
	text-shadow:rgba(0,0,0,1) 0 -1px 0;
}
	
	#lincs li a:hover {
	background:#303030;
	color:rgba(255,255,255,0.66);
	background:rgba(30,30,30,0.75);
	}
Ссылка на комментарий
Поделиться на другие сайты

​Не могу понять, куда вот это скопировать?

 

​В css-файл. Можете добавить в самый конец файла ipb_styles.css

Ссылка на комментарий
Поделиться на другие сайты

​В css-файл. Можете добавить в самый конец файла ipb_styles.css

​Ура, Спасибо Вам Огромное добрый человек:good::good::good:

Ссылка на комментарий
Поделиться на другие сайты

Гость
Эта тема закрыта для публикации ответов.
  • Последние посетители   0 пользователей онлайн

    • Ни одного зарегистрированного пользователя не просматривает данную страницу
×
×
  • Создать...