Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Архив » Общие вопросы от новичков (58)


Общие вопросы от новичков (58)

Сообщений 641 страница 660 из 1000

1

Инструменты для поиска и редактирования стиля (скриптов).

Как с помощью браузера можно определить элемент дизайна.

Каталог скриптов/CSS

Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS.

Типовые Вопросы (ЧаВо)

Ответы на часто задаваемые вопросы.

Как задавать вопросы! Разница между стилем и скриптом. ( Советы)

Плюс к названию темы еще и Памятка.

Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности.

+2

641

kleo3333
Вот, полностью переделал:

Код:
<style type="text/css">
#singl {vertical-align: top;border-style: solid;border-width: 1px;text-align: left;width: 80%}
.trek {font-size: 20px;color: #BBBBBB;background-color: black;padding: 11px 13px;bottom: 10px;}
.rev {width: 100%;position: relative;}
.neizd {position: absolute;right: 13px;top: 11px;text-align: right;cursor: pointer;font-size: 20px;color: #BBBBBB;}
.cvet1 {background: #DEDEDE;}
.cvet2 {background-color: #d5d5d5;}
.hidd {display: none;}
.cvet1, .cvet2 {padding: 9px 11px;}
</style>
<center>
<div id="singl" style="width:80%">

<div class="rev">
<div class="trek"><span>Альбомы</span></div>
<span class="neizd">Неизданное</span>
<div class="otkr">
<div class="cvet1">1998&nbsp;&nbsp;<img class="postimg" src="http://i84.fastpic.ru/big/2016/0909/a6/005c6226038d93935a986b2bb00e02a6.jpg" width="50" height="45">&nbsp;&nbsp;<a href="http://jpg.bbmy.ru/click.php?http://jpg.bbmy.ru/pages/101_-_why_dont_you_stay">Why Don't You Stay?</a></div>
<div class="cvet2">2000&nbsp;&nbsp;<img class="postimg" src="http://i82.fastpic.ru/big/2016/0909/13/71949564c927be83907d9a1fbd718713.jpg" width="50" height="45">&nbsp;&nbsp;<a href="http://jpg.bbmy.ru/click.php?http://jpg.bbmy.ru/pages/101_-_nono_yeahyeah">NoNo YeahYeah</a></div>
<div class="cvet1">2000&nbsp;&nbsp;<img class="postimg" src="http://i82.fastpic.ru/big/2016/0909/9a/cfbdec361a24125543ef138e0d79729a.jpg" width="50" height="45">&nbsp;&nbsp;<a href="http://jpg.bbmy.ru/pages/101_-_nono_yeahyeah_the_salsa">NoNo YeahYeah <strong>(The Salsa Mixes)</strong></a></div>
</div>
<div class="hidd">Блок с неизданным</div>
</div>

<div class="rev">
<div class="trek"><span>Синглы / EP</span></div>
<span class="neizd">Неизданное</span>
<div class="otkr">
<div class="cvet1">1998&nbsp;&nbsp;<img class="postimg" src="http://i84.fastpic.ru/big/2016/0909/a6/005c6226038d93935a986b2bb00e02a6.jpg" width="50" height="45">&nbsp;&nbsp;<a href="http://jpg.bbmy.ru/click.php?http://jpg.bbmy.ru/pages/101_-_why_dont_you_stay">Why Don't You Stay?</a></div>
<div class="cvet2">2000&nbsp;&nbsp;<img class="postimg" src="http://i82.fastpic.ru/big/2016/0909/13/71949564c927be83907d9a1fbd718713.jpg" width="50" height="45">&nbsp;&nbsp;<a href="http://jpg.bbmy.ru/click.php?http://jpg.bbmy.ru/pages/101_-_nono_yeahyeah">NoNo YeahYeah</a></div>
<div class="cvet1">2000&nbsp;&nbsp;<img class="postimg" src="http://i82.fastpic.ru/big/2016/0909/9a/cfbdec361a24125543ef138e0d79729a.jpg" width="50" height="45">&nbsp;&nbsp;<a href="http://jpg.bbmy.ru/pages/101_-_nono_yeahyeah_the_salsa">NoNo YeahYeah <strong>(The Salsa Mixes)</strong></a></div>
</div>
<div class="hidd">Блок с неизданным</div>
</div>

<div class="rev">
<div class="trek"><span>Треки / Промо</span></div>
<span class="neizd">Неизданное</span>
<div class="otkr">
<div class="cvet1">1998&nbsp;&nbsp;<img class="postimg" src="http://i84.fastpic.ru/big/2016/0909/a6/005c6226038d93935a986b2bb00e02a6.jpg" width="50" height="45">&nbsp;&nbsp;<a href="http://jpg.bbmy.ru/click.php?http://jpg.bbmy.ru/pages/101_-_why_dont_you_stay">Why Don't You Stay?</a></div>
<div class="cvet2">2000&nbsp;&nbsp;<img class="postimg" src="http://i82.fastpic.ru/big/2016/0909/13/71949564c927be83907d9a1fbd718713.jpg" width="50" height="45">&nbsp;&nbsp;<a href="http://jpg.bbmy.ru/click.php?http://jpg.bbmy.ru/pages/101_-_nono_yeahyeah">NoNo YeahYeah</a></div>
<div class="cvet1">2000&nbsp;&nbsp;<img class="postimg" src="http://i82.fastpic.ru/big/2016/0909/9a/cfbdec361a24125543ef138e0d79729a.jpg" width="50" height="45">&nbsp;&nbsp;<a href="http://jpg.bbmy.ru/pages/101_-_nono_yeahyeah_the_salsa">NoNo YeahYeah <strong>(The Salsa Mixes)</strong></a></div>
</div>
<div class="hidd">Блок с неизданным</div>
</div>

<div class="rev">
<div class="trek"><span>Другое</span></div>
<span class="neizd">Неизданное</span>
<div class="otkr">
<div class="cvet1">1998&nbsp;&nbsp;<img class="postimg" src="http://i84.fastpic.ru/big/2016/0909/a6/005c6226038d93935a986b2bb00e02a6.jpg" width="50" height="45">&nbsp;&nbsp;<a href="http://jpg.bbmy.ru/click.php?http://jpg.bbmy.ru/pages/101_-_why_dont_you_stay">Why Don't You Stay?</a></div>
<div class="cvet2">2000&nbsp;&nbsp;<img class="postimg" src="http://i82.fastpic.ru/big/2016/0909/13/71949564c927be83907d9a1fbd718713.jpg" width="50" height="45">&nbsp;&nbsp;<a href="http://jpg.bbmy.ru/click.php?http://jpg.bbmy.ru/pages/101_-_nono_yeahyeah">NoNo YeahYeah</a></div>
<div class="cvet1">2000&nbsp;&nbsp;<img class="postimg" src="http://i82.fastpic.ru/big/2016/0909/9a/cfbdec361a24125543ef138e0d79729a.jpg" width="50" height="45">&nbsp;&nbsp;<a href="http://jpg.bbmy.ru/pages/101_-_nono_yeahyeah_the_salsa">NoNo YeahYeah <strong>(The Salsa Mixes)</strong></a></div>
</div>
<div class="hidd">Блок с неизданным</div>
</div>

</div>
</center>

<script>
$('.rev').on('click', '.neizd', function(){
    var hBlock = $(this).siblings('.hidd');
	var hBlock2 = $(this).siblings('.otkr');
    $(this).text(hBlock.is(':visible') ? 'Неизданное' : 'Изданное');
    hBlock.toggle('slow');
	hBlock2.toggle('hide');
});
</script>

Тестируйте..

Отредактировано kolobdur74 (Вс, 22 Янв 2017 00:36:01)

+2

642

Angler, попробуем.. можно.

Замените синим:

<div id="hea-img">
<img src="http://funkyimg.com/i/2jTBM.png" width="100%" style="">
</div>
<script type="text/javascript">
$r('#hea-img').prependTo('body');
</script>

На такой:

http://funkyimg.com/i/2nHPT.png

:unsure:

+1

643

Доброго времени,
можно ли сделать так, чтобы текст не заходил под иконку, а был строго сбоку от неё?
http://s2.uploads.ru/pXUEj.png

как здесь, но иконка сообщений должна быть слева:
http://s1.uploads.ru/P6oWs.png

0

644

Celeste, доброго.
Можно, конечно, если вы для начала предоставите ссылку на форум с проблемой.

0

645

Leonheart
Большое спасибо, все получилось.

+1

646

Celeste, в первом окне стиля поправьте/добавьте только выделенное зеленым, остальное не меняем:

/* C2.14 */
#pun-index td div.tclcon {
   width: 378px;
   margin-left: 50px;
   padding: 10px;
   font-size: 11px;
}

0

647

Leonheart
Большое спасибо~

0

648

kolobdur74 Спасибо огромное.

Отредактировано kleo3333 (Ср, 25 Янв 2017 14:19:09)

0

649

kleo3333
Вы так имели ввиду:

Код:
<style type="text/css">
#singl {vertical-align: top;border: 1px solid #F5F5F5;text-align: left;width: 80%}
.trek {font-size: 20px;color: #BBBBBB;background-color: black;padding: 11px 13px;bottom: 10px;}
.rev {width: 100%;position: relative;}
.neizd {position: absolute;right: 13px;top: 11px;text-align: right;cursor: pointer;font-size: 20px;color: #BBBBBB;}
.cvet1 {background-color: #141414;}
.cvet2 {background-color: #202020;}
.hidd {display: none;}
.cvet1, .cvet2 {padding: 9px 11px;vertical-align:middle;}
.otkr {margin: 0.8em 1em;}
</style>
<center>
<div id="singl">

<div class="rev">
<div class="trek"><span>Альбомы</span></div>
<span class="neizd">Неизданное</span>
<div class="otkr">
<div class="cvet1">1998&nbsp;&nbsp;<img class="postimg" align="middle" src="http://i84.fastpic.ru/big/2016/0909/a6/005c6226038d93935a986b2bb00e02a6.jpg" width="50" height="45">&nbsp;&nbsp;<a href="http://jpg.bbmy.ru/click.php?http://jpg.bbmy.ru/pages/101_-_why_dont_you_stay">Why Don't You Stay?</a></div>
<div class="cvet2">2000&nbsp;&nbsp;<img class="postimg" align="middle" src="http://i82.fastpic.ru/big/2016/0909/13/71949564c927be83907d9a1fbd718713.jpg" width="50" height="45">&nbsp;&nbsp;<a href="http://jpg.bbmy.ru/click.php?http://jpg.bbmy.ru/pages/101_-_nono_yeahyeah">NoNo YeahYeah</a></div>
<div class="cvet1">2000&nbsp;&nbsp;<img class="postimg" align="middle" src="http://i82.fastpic.ru/big/2016/0909/9a/cfbdec361a24125543ef138e0d79729a.jpg" width="50" height="45">&nbsp;&nbsp;<a href="http://jpg.bbmy.ru/pages/101_-_nono_yeahyeah_the_salsa">NoNo YeahYeah <strong>(The Salsa Mixes)</strong></a></div>
</div>
<div class="hidd">Блок с неизданным</div>
</div>

<div class="rev">
<div class="trek"><span>Синглы / EP</span></div>
<span class="neizd">Неизданное</span>
<div class="otkr">
<div class="cvet1">1998&nbsp;&nbsp;<img class="postimg" align="middle" src="http://i84.fastpic.ru/big/2016/0909/a6/005c6226038d93935a986b2bb00e02a6.jpg" width="50" height="45">&nbsp;&nbsp;<a href="http://jpg.bbmy.ru/click.php?http://jpg.bbmy.ru/pages/101_-_why_dont_you_stay">Why Don't You Stay?</a></div>
<div class="cvet2">2000&nbsp;&nbsp;<img class="postimg" align="middle" src="http://i82.fastpic.ru/big/2016/0909/13/71949564c927be83907d9a1fbd718713.jpg" width="50" height="45">&nbsp;&nbsp;<a href="http://jpg.bbmy.ru/click.php?http://jpg.bbmy.ru/pages/101_-_nono_yeahyeah">NoNo YeahYeah</a></div>
<div class="cvet1">2000&nbsp;&nbsp;<img class="postimg" align="middle" src="http://i82.fastpic.ru/big/2016/0909/9a/cfbdec361a24125543ef138e0d79729a.jpg" width="50" height="45">&nbsp;&nbsp;<a href="http://jpg.bbmy.ru/pages/101_-_nono_yeahyeah_the_salsa">NoNo YeahYeah <strong>(The Salsa Mixes)</strong></a></div>
</div>
<div class="hidd">Блок с неизданным</div>
</div>

<div class="rev">
<div class="trek"><span>Треки / Промо</span></div>
<span class="neizd">Неизданное</span>
<div class="otkr">
<div class="cvet1">1998&nbsp;&nbsp;<img class="postimg" align="middle" src="http://i84.fastpic.ru/big/2016/0909/a6/005c6226038d93935a986b2bb00e02a6.jpg" width="50" height="45">&nbsp;&nbsp;<a href="http://jpg.bbmy.ru/click.php?http://jpg.bbmy.ru/pages/101_-_why_dont_you_stay">Why Don't You Stay?</a></div>
<div class="cvet2">2000&nbsp;&nbsp;<img class="postimg" align="middle" src="http://i82.fastpic.ru/big/2016/0909/13/71949564c927be83907d9a1fbd718713.jpg" width="50" height="45">&nbsp;&nbsp;<a href="http://jpg.bbmy.ru/click.php?http://jpg.bbmy.ru/pages/101_-_nono_yeahyeah">NoNo YeahYeah</a></div>
<div class="cvet1">2000&nbsp;&nbsp;<img class="postimg" align="middle" src="http://i82.fastpic.ru/big/2016/0909/9a/cfbdec361a24125543ef138e0d79729a.jpg" width="50" height="45">&nbsp;&nbsp;<a href="http://jpg.bbmy.ru/pages/101_-_nono_yeahyeah_the_salsa">NoNo YeahYeah <strong>(The Salsa Mixes)</strong></a></div>
</div>
<div class="hidd">Блок с неизданным</div>
</div>

<div class="rev">
<div class="trek"><span>Другое</span></div>
<span class="neizd">Неизданное</span>
<div class="otkr">
<div class="cvet1">1998&nbsp;&nbsp;<img class="postimg" align="middle" src="http://i84.fastpic.ru/big/2016/0909/a6/005c6226038d93935a986b2bb00e02a6.jpg" width="50" height="45">&nbsp;&nbsp;<a href="http://jpg.bbmy.ru/click.php?http://jpg.bbmy.ru/pages/101_-_why_dont_you_stay">Why Don't You Stay?</a></div>
<div class="cvet2">2000&nbsp;&nbsp;<img class="postimg" align="middle" src="http://i82.fastpic.ru/big/2016/0909/13/71949564c927be83907d9a1fbd718713.jpg" width="50" height="45">&nbsp;&nbsp;<a href="http://jpg.bbmy.ru/click.php?http://jpg.bbmy.ru/pages/101_-_nono_yeahyeah">NoNo YeahYeah</a></div>
<div class="cvet1">2000&nbsp;&nbsp;<img class="postimg" align="middle" src="http://i82.fastpic.ru/big/2016/0909/9a/cfbdec361a24125543ef138e0d79729a.jpg" width="50" height="45">&nbsp;&nbsp;<a href="http://jpg.bbmy.ru/pages/101_-_nono_yeahyeah_the_salsa">NoNo YeahYeah <strong>(The Salsa Mixes)</strong></a></div>
</div>
<div class="hidd">Блок с неизданным</div>
</div>

</div>
</center>

<script>
$('.rev').on('click', '.neizd', function(){
    var hBlock = $(this).siblings('.hidd');
	var hBlock2 = $(this).siblings('.otkr');
    $(this).text(hBlock.is(':visible') ? 'Неизданное' : 'Изданное');
    hBlock.toggle('slow');
	hBlock2.toggle('hide');
});
</script>

Кстати, будьте внимательны при вставках новых блоков -  в ваших примерах есть ошибка, это:

<div class="rev">
<div class="trek"><span>Альбомы</span></div>
<span class="neizd">Неизданное</span>
<div class="otkr">
<div class="cvet1">1998&nbsp;&nbsp;<img class="postimg" align="middle" src="http://i84.fastpic.ru/big/2016/0909/a6/005c6226038d93935a986b2bb00e02a6.jpg" width="50" height="45">&nbsp;&nbsp;<a href="http://jpg.bbmy.ru/click.php?http://jpg.bbmy.ru/pages/101_-_why_dont_you_stay">Why Don't You Stay?</a></div>
<div class="cvet2">2000&nbsp;&nbsp;<img class="postimg" align="middle" src="http://i82.fastpic.ru/big/2016/0909/13/71949564c927be83907d9a1fbd718713.jpg" width="50" height="45">&nbsp;&nbsp;<a href="http://jpg.bbmy.ru/click.php?http://jpg.bbmy.ru/pages/101_-_nono_yeahyeah">NoNo YeahYeah</a></div>
<div class="cvet1">2000&nbsp;&nbsp;<img class="postimg" align="middle" src="http://i82.fastpic.ru/big/2016/0909/9a/cfbdec361a24125543ef138e0d79729a.jpg" width="50" height="45">&nbsp;&nbsp;<a href="http://jpg.bbmy.ru/pages/101_-_nono_yeahyeah_the_salsa">NoNo YeahYeah <strong>(The Salsa Mixes)</strong></a></div>
</div>
<div class="hidd">Блок с неизданным</div>
</div>

Самостоятельные блоки..

+2

650

kleo3333
Вот вам шаблон, в котором надо заменять на свои даты ссылки и картинки:

<div class="rev">
<div class="trek"><span>Альбомы</span></div>
<span class="neizd">Неизданное</span>
<div class="otkr">
<div class="cvet1">Дата&nbsp;&nbsp;<img class="postimg" align="middle" src="Адрес Картинки" width="50" height="45">&nbsp;&nbsp;<a href="адрес">Ссылка</a></div>
<div class="cvet2">Дата&nbsp;&nbsp;<img class="postimg" align="middle" src="Адрес Картинки" width="50" height="45">&nbsp;&nbsp;<a href="адрес">Ссылка</a></div>
<div class="cvet1">Дата&nbsp;&nbsp;<img class="postimg" align="middle" src="Адрес Картинки" width="50" height="45">&nbsp;&nbsp;<a href="адрес">Ссылка</a></div>
<div class="cvet2">Дата&nbsp;&nbsp;<img class="postimg" align="middle" src="Адрес Картинки" width="50" height="45">&nbsp;&nbsp;<a href="адрес">Ссылка</a></div>
</div>
<div class="hidd">
<div class="cvet1">Дата Неизданное&nbsp;&nbsp;<img class="postimg" align="middle" src="Адрес Картинки Неизданное" width="50" height="45">&nbsp;&nbsp;<a href="адрес">Ссылка Неизданное</a></div>
<div class="cvet2">Дата Неизданное&nbsp;&nbsp;<img class="postimg" align="middle" src="Адрес Картинки Неизданное" width="50" height="45">&nbsp;&nbsp;<a href="адрес">Ссылка Неизданное</a></div>
<div class="cvet1">Дата Неизданное&nbsp;&nbsp;<img class="postimg" align="middle" src="Адрес Картинки Неизданное" width="50" height="45">&nbsp;&nbsp;<a href="адрес">Ссылка Неизданное</a></div>
<div class="cvet2">Дата Неизданное&nbsp;&nbsp;<img class="postimg" align="middle" src="Адрес Картинки Неизданное" width="50" height="45">&nbsp;&nbsp;<a href="адрес">Ссылка Неизданное</a></div>
</div>
</div>

Вот такой блок(и) и добавляете между:

<center>
<div id="singl">
Здесь ваш блок №1

Здесь ваш блок №2

Здесь ваш блок №3

Здесь ваш блок №N
</div>
</center>

Следите, чтобы были всегда закрыты теги. Редактируйте с помощью программы Notepad++

Отредактировано kolobdur74 (Вс, 22 Янв 2017 16:23:23)

+2

651

Grey_Fox написал(а):

Доп.поле "Баланс" расположено в последовательности сразу под аватаром, в настройках -- справа от названия.
В скрипте точное название прописано...

В поле цифру 0 пропишите( не уверен что это влияет - но попробуйте

0

652

) 25·ый ( написал(а):

Прям мечта тех·поддержки))

Предупреждение в профиль за флуд.

0

653

kolobdur74:cool:

0

654

Доброго времени суток )
Все-таки жутко хочется узнать, как же правильно сделать переключение стилей. Снова вернулся к этому вопросу.

Делал в соответствии по этому топику:
Скрипты от пользователей 1

Но видимо что-то все равно не так делаю, раз не получается. Проблема в том, что не работает как надо залитый в админку второй стиль, а ссылки на сторонние стили также не передают полностью все детали. Может потому, что структура отличается? Но тогда почему сделанный обединенный файл не хочет проецироваться?
Скорей всего надо заливать стили куда-то и копировать ссылку на них? Но это я тоже пока не знаю как делается.
Возможно будет проще вам просто посмотреть, что там творится у меня?

Форум  http://gam.mybb.ru

Отредактировано Курама (Вс, 22 Янв 2017 17:53:08)

0

655

Курама
Добавьте в файле стиля(№2) красным(ибо скопировали не полностью, ошибка ломает коды ниже

#pun-main div.catleft, #pun-main div.catright {display: none}


#pun {margin-top: -20px!important;}

0

656

Спасибо)

но, меняется только серединка . Остальное все равно остается тоже самое.

0

657

Курама
У Меня так =>

Скриншот

http://s7.uploads.ru/L4lJb.png

0

658

Да, именно так и есть
а всё не меняется, как например в стиле 3 от майба

0

659

Курама
А в норме как должно быть?(Лучше ссылку на форум с установленным таким стилем

0

660

ну, в норме где-то так
http://curama.mybb.ru

0


Вы здесь » Единый форум поддержки » Архив » Общие вопросы от новичков (58)