Jump to content

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

Dimon5577
Dimon5577
in Техническая поддержка IP.Board

Featured Replies

Posted
comment_87751

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

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

comment_87762

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

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

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

  • Author
comment_87763

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

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

comment_87767

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

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

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

  • Author
comment_87817

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

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

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

comment_87824

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

  • Author
comment_87834

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

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

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

1.thumb.png.2ea3b9e769a8da788c05e417b858

Как нужно

2.thumb.png.5a40049c9c6774c3e42a1bbc9e2a

 

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

comment_87836

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

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

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);
	}

comment_87841

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

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

  • Author
comment_87849

​Не вижу, чтобы Вы добавили 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);
	}
Guest
This topic is now closed to further replies.
Go to topic listing

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

  • No registered users viewing this page.