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

Posted 24 мая, 201510 yr

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

24 мая, 201510 yr

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

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

24 мая, 201510 yr

Author

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

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

24 мая, 201510 yr

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

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

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

25 мая, 201510 yr

Author

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

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

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

25 мая, 201510 yr

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

25 мая, 201510 yr

Author

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

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

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

Как нужно

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

25 мая, 201510 yr

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

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

Как нужно

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

Вытащить 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);
	}

25 мая, 201510 yr

Author

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

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

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

25 мая, 201510 yr

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

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

25 мая, 201510 yr

Author

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

Сделал

25 мая, 201510 yr

Сделал

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

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

Edited 25 мая, 201510 yr by LvsF

25 мая, 201510 yr

Author

Не вижу, чтобы Вы добавили 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);
	}

25 мая, 201510 yr

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

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

Dimon5577
1

25 мая, 201510 yr

Author

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

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

25 мая, 201510 yr

ну да, а остальные были злыми :facepalm:

Sign In

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

Featured Replies

Последние посетители 0

Account

Navigation

Search

Configure browser push notifications

Chrome (Android)

Chrome (Desktop)

Safari (iOS 16.4+)

Safari (macOS)

Edge (Android)

Edge (Desktop)

Firefox (Android)

Firefox (Desktop)