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

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

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


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


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

Сообщений 41 страница 60 из 1000

1

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

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

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

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

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

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

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

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

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

+2

41

vicia
Чем и как обеспечивается всплытие - приведите код

0

42

Подскажите, как сделать ссылки под форумами, как например здесь:
http://dastory.f-rpg.ru/
ссылки гостевая, шаблон анкеты, классы и специализации

0

43

Missy6
Администрирование - Форумы - нужный редактировать, ниже названия, - поле с описанием форума, туда и вписываете (или картинку ставите ) HTML допустимо

0

44

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

vicia
Чем и как обеспечивается всплытие - приведите код

.send4{text-align:justify;margin-bottom:5px;padding:3px; }
.recieve span,.send4 span{display:none}
.recieve:hover span,.send4:hover span{display:block;position:absolute;width:250px; margin-top:-10px;background-color: #f0e9ab;   border: 1px solid #35240f;
  border-top: 4px solid #94642b;
  border-bottom: 4px solid #3f1d11;
  -webkit-box-shadow:0 1px 4px #784d20, 0 0 30px #784d20 inset;
  border-radius: 10px; margin-left: 10px; margin-top: 0px; text-transform:uppercase;padding:2px 6px 2px 6px;}

и на самой странице

<div class="send4" style="position: absolute; margin-top: 200px; margin-left: 161px; ">
<img src="http://funkyimg.com/i/27K8T.png">
<span><br><center>3 шаг</center></span></div>
</div></li>


смысл в том, что когда переносишь этот код на другую страницу, где нет листалки, то он нормально работает

0

45

vicia
Поменяйте этот кусок кода на странице

.sp-slider > li img{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;display: block;margin: 0 auto;padding: 40px 0 50px 0;max-height: 100%;max-width: 100%;}

На такой:

.sp-slider > li img{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;display: block;margin:0;padding: 0;max-height: 100%;max-width: 100%;}
.send4 {margin-top: 240px !important;}

Поправил

+1

46

Alex_63
спасибо огромное - сработало))

0

47

Клева у вас новый дизайн форума. Этот гораздо приятнее  :cool:
Ребята, подскажите пожалуйста кто знает. Когда проплачиваешь снова доменное имя, спустя год, через какое примерно кол-во по времени, платный домен вновь за функционирует?  Написано что работает, но на самом деле вот уже целый день тишь  :no:
Мой форум: http://obshenie-bez-granits.ru/
http://s6.uploads.ru/5oZWD.png

Отредактировано markwud (Вт, 9 Фев 2016 20:58:40)

+1

48

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

Клева у вас новый дизайн форума. Этот гораздо приятнее  
Ребята, подскажите пожалуйста кто знает. Когда проплачиваешь снова доменное имя, спустя год, через какое примерно кол-во по времени, платный домен вновь за функционирует?  Написано что работает, но на самом деле вот уже целый день тишь  
Мой форум: http://obshenie-bez-granits.ru/

Отредактировано markwud (Вчера 20:58:40)

Пока не обновится информация у провайдеров. Домен работает. Попробуйте почистить временные файлы браузера и обновить страницу.

0

49

Deff

Это код последнего смайла, который на картинке вверху. Я ничего после этого смайла не меняла. Но в форме ответа непонятные строчки. И где их убрать не могу понять....

http://s2.uploads.ru/t/iyOwd.jpg

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

http://s2.uploads.ru/t/1IJdU.jpg

сайт ТУТ

Заранее спасибо...

0

50

Ludik77
1.Я спросил, какой браузер?, ибо у меня ничего в браузере, никаких лишних строк. И всё нормально открывается по кнопке
2. Киньте ник - пароль - поправлю (После ответа на первый вопрос)

0

51

Подскажите пожалуйста, как при обтекании картинки текстом еще бы и применить такой фокус как <pre></pre>
Мне нужны отступы и красная строка. А при вставке <pre> шрифт меняется
Пример: http://565.mybb.ru/pages/ppppp

Отредактировано kleo3333 (Пт, 26 Фев 2016 17:25:21)

0

52

kleo3333
Чот не понял вопроса, ну воткните картинку в <pre></pre> ?

0

53

Я имею ввиду, как сделать на этой странице http://5655.mybb.ru/pages/ppppp в тексте красную строку?
И еще мне надо немного сузить всю статью относительно краев справа и слева. Как это провернуть?
Визуально текста будет больше и он не будет размазан по всей странице

Отредактировано kleo3333 (Чт, 11 Фев 2016 14:36:37)

0

54

kleo3333
Обрамите абзацы в теги <p></p> и вставьте в начало страницы:

<style>
.main p{text-indent:2em!important;}
.main.pages .post-box {
  padding: 1em 3em !important;
}
</style>

0

55

Alex_63, подскажите пожалуйста. Вот  смотрите на кнопки. Я с ними поиграл в плане цвета. Визуально при зажигании они стали более объемные и красивые. Но сменился и их цвет в не заженном состоянии. Теперь они слегка темно-синие

Свернутый текст

http://s3.uploads.ru/5rN.jpg

. А были прозрачные. Можно ли оставить эффектные тени в заженном состоянии как сейчас, но вернуть прозрачность в не заженном состоянии. Убрать синеву.

Была: http://s2.uploads.ru/Rk6.png - прозрачная. Красиво.

Стала: http://s6.uploads.ru/C8L.jpg - темно-синяя. Отличается от всего стиля сайта

Отредактировано kleo3333 (Чт, 11 Фев 2016 14:09:14)

0

56

kleo3333 box-shadow перенеси в наведение

<!--Кнопки для еврорэпа-->
<style type="text/css">
.punbb .btn {
margin-right:10px;
color: #000000;
background-color: transparent;
border: solid 1px rgba(255, 255, 255, 0.804)!important;
color: #FFFFFF;
padding: 8px 14px;
text-decoration: none!important;
box-sizing: border-box;
font: normal normal 400 19px/23.94px Arial;
border-radius: 9px;
height: 42px;
}
.punbb .btn:hover, .punbb .btn:focus,.punbb .btn.active, .punbb .btn:active{
color: #333333!important;
background-color: #fff!important;
box-shadow: rgba(0, 0, 50, 0.496) 0px 3px 15px 5px inset;
text-decoration: none;
}

Ксать почему не взять чисто серый цвет для box-shadow ? Cейчас подсинивает именно он

+1

57

Вах, какая красота. Спасибо Deff

0

58

Нужна еще такая помощь.
Здесь http://565.ru/pages/zzz в правой части таблицы, мне нужно разместить просмотрщик фото. От 2-4 фото.
Я нашел оригинальный просмотрщик и вставил в него 3 фото. Но не могу их распределить вертикально. Помогите пожалуйста.

Свернутый текст

http://s7.uploads.ru/Ln5lN.jpg

Отредактировано kleo3333 (Пт, 26 Фев 2016 17:24:08)

0

59

kleo3333
Ни наю, пробуйте заменить это

Код:
<style>
#gallery1 {
  position: relative;
  padding-top: 65%;
  -moz-user-select: none; user-select: none;
}

#gallery1 img {
  position: absolute;
  top: 40%;
  left: 20%;
  max-width: 65%;
  max-height: 80%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -moz-user-select: none; user-select: none;
  cursor: zoom-in;
}
#gallery1 img:nth-child(4n-2) {left: 37.5%;}
#gallery1 img:nth-child(4n-1) {left: 62.5%;}
#gallery1 img:nth-child(4n) {left: 87.5%;}
#gallery1 img:nth-child(n+5) {top: 75%;}

#gallery1 img:focus {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 31;
  max-width: 100%;
  max-height: 100%;
  outline: none;
  pointer-events: none;
}

#gallery1 img:focus ~ div {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 30;
  background: rgba(240,240,240,.2);
  cursor: zoom-out;
}
</style>

<div id="gallery1">
  <img src="http://s2.uploads.ru/PXUH0.jpg"  /><br><br>

  <img src="http://s6.uploads.ru/Uk9e8.jpg" alt="" tabindex="0" />
  <img src="http://s2.uploads.ru/GLMld.jpg" alt="" tabindex="0" />
  <div></div>
</div>

На это

Код:
<style>
#gallery1 {
  position: relative;
  padding-top: 65%;
  -moz-user-select: none; 
  user-select: none;
  width: 400px;
  float: right;
  margin-right: -50px;
}

#gallery1 img {
  width: auto;
  max-width: 120px;
  max-height: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -moz-user-select: none;
  user-select: none;
  cursor: zoom-in;
  display: inline-block;
}
#gallery1 img:nth-child(4n-2) {left: 37.5%;}
#gallery1 img:nth-child(4n-1) {left: 62.5%;}
#gallery1 img:nth-child(4n) {left: 87.5%;}
#gallery1 img:nth-child(n+5) {top: 75%;}

#gallery1 img:focus {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 31;
  max-width: 100%;
  max-height: 100%;
  outline: none;
  pointer-events: none;
}

#gallery1 img:focus ~ div {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 30;
  background: rgba(240,240,240,.2);
  cursor: zoom-out;
}
</style>

<div id="gallery1">
  <img src="http://s2.uploads.ru/PXUH0.jpg" alt="" tabindex="0" />
  <img src="http://s6.uploads.ru/Uk9e8.jpg" alt="" tabindex="0" />
  <img src="http://s2.uploads.ru/GLMld.jpg" alt="" tabindex="0" />
  <div></div>
</div>

0

60

kleo3333
Замени код страницы:

Код:
<script type="text/javascript">
$("#NoPage,#pun-ulinks,#pun-announcement,#pun-status,#pun-break1,#pun-crumbs1,#pun-break2").remove();
</script>







<style type="text/css">#tableMy,#tableMy td{border:0 none transparent!important}</style>




  <style>
   .leftimg {
    float:left; /* Выравнивание по левому краю */
    margin: 7px 7px 7px 0; /* Отступы вокруг картинки */
   }
   .rightimg  {
    float: right; /* Выравнивание по правому краю  */ 
    margin: 2px 0 2px 2px; /* Отступы вокруг картинки */
   }
  </style>

  <title>Горизонтальный список</title>
  <style>
   ul.hr {
    margin: 0; /* Обнуляем значение отступов */
    padding: 4px; /* Значение полей */
   }
   ul.hr li {
    display: inline; /* Отображать как строчный элемент */
    margin-right: 5px; /* Отступ слева */
    border: 1px solid #000; /* Рамка вокруг текста */
    padding: 3px; /* Поля вокруг текста */
   }
  </style>


<table style="table-layout:fixed;width:100%" id="tableMy"><tbody><tr valign=top><td style="width:0%"></td><td>


<ul class="hr"><br><br>
<li>Henry David Mendoza Velasquez</li>
<button type="submit|reset|button|menu">Farell</button>
  </ul>

<p><img src="http://i74.fastpic.ru/big/2016/0211/66/08beb8a5f32fc3f0fecf958cbebf4466.jpg"  class="leftimg"><br><font style="font-family:Monotype Corsiva; font-size:20pt;">Дэвид Мендоза Веласкес</font><span style="color: #BBBBBB"><span style="font-size: 15px"><br>Известный в музыкальном мире под псевдонимом Фарелл, родился в Гондурасе в 1979 году. Когда ему было пять лет, его семья переезжает в Норвегию, где, будучи ребёнком, он и развивается как личность. С ранних лет Дэвид влюбляется в музыку и особенным спросом у него пользуется рэп. <br>Не удивительно, так как многие подростки в его возрасте предпочитают то же самое.Так, в одиннадцать лет он становится участником группы «Мечта утопии» («Dream of Utopia»)...<br><br>Познакомившись с продюсером Навидом «Невероятным» (известен по проектам «Multicyde», «Scenic», «Shortcut»), Веласкес начинает искать свой особый стиль звучания, так как был не доволен музыкой норвежских рэперов. В результате чего, в 1999 году появляются синглы «My Life» (записанный при участии Madcon и Organic), «This Is My Reality» и позже «Something Is Missing».<br>Сингл «My Life» привлекает к себе достаточное внимание среди слушателей, а «This Is My Reality» буквально сразу же попадает в норвежский чарт «ТОП-5» и держится там значительно долгое время. В это время Фареллу 20 лет и он новая звезда норвежских чартов. Частая трансляция треков по радио и ТВ была тепло принята музыкальными критиками и отмечена обзором на страницах печатного издания «Dagbladet».<br> <img src="http://i75.fastpic.ru/big/2016/0211/5c/fc26854797282ce017a117093e23bc5c.jpg"  class="rightimg"> <br><br>В 2000-ом году Фарелл выпускает дебютный альбом, который, как и предыдущие синглы, был очень хорошо принят слушателями. Критики разных издательств (в том числе и самого продаваемого) признают новую звезду самой талантливой... <br>В этом же году окрылённый успехом рэпер записывает ещё один сингл «Mamma», но он не сыскивает желаемых результатов среди слушателей. Всё же полный оптимизма, Фарелл, чей особый стиль теперь был легко узнаваемым среди местной тусовки, готовится к записи нового альбома. Он планирует немного поэкспериментировать со звучанием и записать композиции не только на английском языке («котируемом» во многих странах), но и на родном, норвежском. <br><br>Farell под продюсированием всё того же Navid "The Incredible" готовят следующий сингл – «En-to-tre» – , но он получает крайне негативные оценки среди поклонников и критиков, в результате чего работа по выпуску второго альбома приостанавливается...</span></span><br><br></p>

</td>
<td style="width:25%">
<style>
.gallery1 {
  position: relative;
  padding-top: 65%;
  -moz-user-select: none; user-select: none;
}

.gallery1 img {
  position: absolute;
  top: 40%;
  left: 20%;
  max-width: 65%;
  max-height: 80%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -moz-user-select: none; user-select: none;
  cursor: zoom-in;
}
.gallery1 img:nth-child(4n-2) {left: 37.5%;}
.gallery1 img:nth-child(4n-1) {left: 62.5%;}
.gallery1 img:nth-child(4n) {left: 87.5%;}
.gallery1 img:nth-child(n+5) {top: 75%;}

.gallery1 img:focus {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 31;
  max-width: 100%;
  max-height: 100%;
  outline: none;
  pointer-events: none;
}

.gallery1 img:focus ~ div {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 30;
  background: rgba(240,240,240,.2);
  cursor: zoom-out;
}
</style>

<div class="gallery1">
  <img src="http://s2.uploads.ru/PXUH0.jpg" tabindex="0" />
</div>
<div class="gallery1">
  <img src="http://s6.uploads.ru/Uk9e8.jpg" alt="" tabindex="0" />
</div>
<div class="gallery1">
  <img src="http://s2.uploads.ru/GLMld.jpg" alt="" tabindex="0" />
</div>

</td></tr></tbody></table>

0


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