24/08/15 Открыта запись на обучение вёрстки для майбба - ссылка на тему

Избранные уроки Photoshop


Вверх
Вниз

COLOR MATE

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

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


Вы здесь » COLOR MATE » Вопросы CSS|JS » Вопросы по CSS vol. 2 ‡Обязательно оставляйте ссылку на форум!


Вопросы по CSS vol. 2 ‡Обязательно оставляйте ссылку на форум!

Сообщений 601 страница 630 из 1000

1

Все ваши вопросы относительно внешнего вида форума.
Не забываем оставлять ссылку на форум с проблемой!

0

601

morgan
в режиме редактирования клавиша enter нажата не единожды, но не вообще никакого отступа между словом "текст" и началом таблицы при отправке сообщения. на месте зеленой черты логично предположить наличие пустого пространства в несколько строк :/

скрины

Отредактировано каравай тм (04-08-2014 04:16:12)

0

602

каравай тм

/* B1.3 */
.punbb .post-content p {
  margin: 0;
  padding: 0 0 0em 0;
  line-height: 150%;
  }

Выделенное меняйте на 1em

+1

603

спасибо

еще не уверен, что по теме, но мало ли. часто встречаю на проектах размещение html таблиц в сообщениях

+ например

http://disney.f-rpg.ru/viewtopic.php?id=4#p4

как подобное соорудить?

0

604

каравай тм
HTML в постах для определенных юзеров (sadhaka)
Код приведенного примера геморрный, легче попросить у админов форума его)

+1

605

как сделать прокрутку баннеров в футере? или хотя бы как их просто туда поместить? (например, как на колорфруме)

Отредактировано марс (23-04-2014 18:51:43)

0

606

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

0

607

morgan
огромное спасибо
да не, тот код просто в качестве примера)

0

608

Enjoy

Код:
.pa-fld1{
margin-top: -12px !important;
height: 26px;}

.pa-fld1 - номер вашего доп поля
марс
В хтмл-низ:

Код:
<div style="width: ширина; height: высота; overflow-y: auto; margin-left: отступ в сторону; margin-top: отступ сверху;"> баннеры </div>

+1

609

а как сделать таблицу с переключающимися двумя вкладками с помощью этого скрипта?

допустим, что-то вроде

+

http://sc.uploads.ru/0Vq6w.png

0

610

Добрый день)
Помогите решить проблему с центровкой, пожалуйста)
http://sb.uploads.ru/t/fjot4.png
Как-то получилось, что центр у профиля вышел не там, где надо(( И вообще можно ли всю информации в профиле сделать ровно по центру, а то сейчас только одно из полей стоит в <center></center>
http://alageiziya.rolka.su

Отредактировано Turante (24-04-2014 14:35:27)

0

611

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

Отредактировано боджинджа (24-04-2014 16:44:35)

0

612

Поставила два кода "любой объект в шапку".  У меня все нормально,не съезжает,однако  некоторых фрумчан такое:
https://pp.vk.me/c618821/v618821461/33ea/KTr81RqU1Fo.jpg
или такое:
http://sc.uploads.ru/t/HjFpK.png

форум http://vikings.f-rpg.ru/
код

Код:
<div style="position: absolute;
top: 268px;
left: 414px;
width:443px;">

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Ширина таблицы</title>
  <style>
   table {
    width: 100%; /* Ширина таблицы в процентах */
   }
   .col1 {
    width: 100px; /* Ширина ячейки */
   }
  </style>
 </head>
 <body>
  <table border="0">
   <tr>
    <td class="col1"><font color="#b5973d">  <center><big> <b> А М С </b></big>
<br> <i>SKADI</i><br> (skype:sparrow_131)<br>
<br> <i>***</i> 
<br>(skype:***)
<br><br><br> <br> 
<big> <b> Д А Т А</b></big>
<br> 25 марта 845 года
<br> <br> 
<big> <b> П О Г О Д А </b></big>
<br>+19, светит солнце. </center></font>


    <td class="col2">
 <font color="#bbb194"><center>Слухи о Рагнаре Лодброке разошлись довольно быстро и трудно представить человека, который бы не слышал об истории этого бесстрашного воина. Довольно многие ярлы не отреагировали на столь смелый поступок, который доказывает существование западных земель, однако нашлись и те, кто решил присоединиться к ярлу Рагнару, чтобы совместными усилиями отправиться в поход на благо своего народа.
Для Англии явление язычников оказалось довольно ошеломительной новостью, хотя многие предсказывали приход чужеземцев, объясняя это наказанием за многочисленные грехи и поступки. 
Грядёт война. И на чаше весов лежат не только бессметные богатства западных королевств, но и земельные просторы, которые могут дать новое и светлое будущие каждому викингу.</center></font>
<br>
<center><marquee 
scrollAmount=3 onmouseover=this.scrollAmount=0 
onmouseout=this.scrollAmount=3 width=300 height=50> 

 <a href="http://mifobogah.spybb.ru/" title="Древний мир Греции ..." target="blank"><img src="http://s007.radikal.ru/i300/1103/87/17d4f193a36a.png"></a>  <a href="http://lordoftherings.f-rpg.ru/" target=_blank> <img src="http://s9.uploads.ru/ZlOR0.gif" title="Хоббит: Навстречу приключениям" border=0 width="88" height="31"></a><a href="http://runtonowhere.rusff.ru/" target="_blank"><img src="http://s2.uploads.ru/vJ6BC.gif" border="0" width="88" height="31" title="[ Road to nowhere]" alt=" Road to nowhere"></a>

</marquee></center>
</td>
   </tr>
  </table>
 </body>
</html>

</div>


<div style="position: absolute;
top: 268px;
left: 900px;
width:171px;">

<a href="http://vikings.f-rpg.ru/viewtopic.php?id=48#p426" ><img src="http://sb.uploads.ru/RgQMY.png" ></a>
<a href="http://vikings.f-rpg.ru/viewtopic.php?id=50#p429" ><img src="http://sb.uploads.ru/EKfim.png" ></a>
<a href="http://vikings.f-rpg.ru/viewtopic.php?id=28" ><img src="http://sa.uploads.ru/bkfWs.png" ></a>
<a href="http://vikings.f-rpg.ru/viewforum.php?id=5" ><img src="http://sb.uploads.ru/Ys9IC.png" ></a>
<a href="http://vikings.f-rpg.ru/viewtopic.php?id=37" ><img src="http://sc.uploads.ru/gS975.png" ></a>
<a href="http://vikings.f-rpg.ru/viewtopic.php?id=46#p419" ><img src="http://sb.uploads.ru/WR9Az.png" ></a>
<a href="http://vikings.f-rpg.ru/viewtopic.php?id=39" ><img src="http://sa.uploads.ru/a06Ao.png" ></a>
<a href="http://vikings.f-rpg.ru/viewtopic.php?id=8" ><img src="http://sb.uploads.ru/Z6Aoq.png" ></a>


</div>

0

613

боджинджа написал(а):

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

я бы посоветовал сделать не тегом, а во втором окне стиля добавить

.post-author ul li.pa-fld1 {
font-size: 11px;
    }

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

<font size="1" >текст</font>

или

<font style="font-size:10px;">текст</font>

Отредактировано каравай тм (24-04-2014 19:18:04)

+1

614

марс
Здравствуйте : )
Всё просто. Абсолютное позиционирование - враз хорошего дизайна, если элемент должен быть неподвижен
Для блока с новостями:

Код:
<div style="position: relative; top: 268px; left: 154px; width:443px;">

Для ссылок:

Код:
<div style="position: relative; top: -22px; left: 648px; width: 170px;">

Чтобы устранить образовавшуюся дыру между объявлением и приветствием, добавляем строку:

/* D1.1 */
#pun-title {
  margin: 0;
  border-style: solid solid none solid;
  border-width: 1px 1px 0 1px;
  height: 50px;
}

http://s3.uploads.ru/9tmYz.gif

Turante
Здравствуйте : )
Как вижу, с центрированием разобрались?..
Чтоб не вылезало за профиль нужно поменять одну маленькую и незаметную циферку)

.punbb .post .post-author ul, .punbb .post .post-author p {
background: url(https://forumstatic.ru/files/0012/0b/fd/50188.jpg) 50% 100% no-repeat, url(https://forumstatic.ru/files/0012/0b/fd/85428.jpg) 50% 0% no-repeat, url(https://forumstatic.ru/files/0012/0b/fd/48324.jpg) 50% 50% repeat-y;
padding: 4.5em 4em 2.5em 2.7em;
line-height: 140%;
margin-left: 0.5em;
}

Отредактировано Джи (25-04-2014 12:12:54)

+1

615

Джи написал(а):

Здравствуйте : )
Как вижу, с центрированием разобрались?..
Чтоб не вылезало за профиль нужно поменять одну маленькую и незаметную циферку)

Всё, не вылезает)) Спасибо))
С центрированием не разобрались)) Я хочу чтобы всё стояло в центре, а так как я сделала встаёт только поле, в котором информация)

0

616

Turante
Подправьте ещё раз ту часть, только вместе единички поставьте 4, я предыдущий пост подправила. И Всё будет ровно и по центру : )

+1

617

Джи написал(а):

Подправьте ещё раз ту часть, только вместе единички поставьте 4, я предыдущий пост подправила. И Всё будет ровно и по центру : )

Неа, так и осталось всё слева)

0

618

Turante
Я думала, Вы будете прописывать в поле <center></center>  :blush:
В css дописать:

Код:
li.pa-fld3 {
    text-align: center;
}

+1

619

Джи
Я оч понятно объясняю просто :D
А статистику в профиле можно тоже по центру сделать?))

0

620

Turante
Тогда замените его на этот :D

Код:
.post-author li {
    text-align: center;
}

+1

621

Джи
атата, Вы богиня))
ещё 2 вопросика :rolleyes:
Можно ли уменьшить расстояние между аватаркой и статусом?
И можно ли награды тоже спрятать под кнопочку?)

0

622

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

Можно ли уменьшить расстояние между аватаркой и статусом?

Меняем на 0.5, к примеру)

li.pa-title {
text-align: center;
padding: 1.5em 0px 1em;
width: 178px;
}

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

И можно ли награды тоже спрятать под кнопочку?)

<style type="text/css">.mini_awards_label, .mini_awards {display: none;} #awrdbut * {cursor: pointer; }</style>
  <script>
(function () {
      var awards_button = "<img src='ваша_картинка' title='Показать|скрыть награды'>";
      function awards_spoiler() {
          $(".pa-awards").prepend("<span id='awrdbut'>"+awards_button+"</span>");
          $("#awrdbut > *").click(function(){$(this).parents(".pa-awards").find(".mini_awards_label, .mini_awards").toggle("slow");});
      }
      var t=0;  var time_func = setInterval(function(){ t++;
          if (t>100) { clearInterval(time_func); return; }
          if ($(".pa-awards").length) { clearInterval(time_func); awards_spoiler() }
      },100);
}())
  </script>

+1

623

Джи
Я имела в виду уже под имеющуюся вторую кнопочку))

0

624

Turante
Добавить pa-awards в скрипт : )

// 1 кнопка - ссылка на Картинку
"https://forumstatic.ru/files/0012/0b/fd/87547.png",
"pa-fld3",       //Доп.Поле.1
// 2 кнопка- ссылка на Картинку
"https://forumstatic.ru/files/0012/0b/fd/93943.png",
"pa-respect",    //Уважение:
"pa-positive",   //Позитив
"pa-posts",      //Кол-во сообщений:
"pa-last-visit", //Последний визит:
"pa-ip",         //IP Юзера
"pa-reg",        //Зарегистрирован
"pa-invites", //Приглашений
"pa-sex",        //Пол
"pa-age",        //Возраст
"pa-icq",        //Аська
"pa-from",       //Откуда
"pa-time-visit", //Провел на форуме:
"pa-awards", //Награды
//Конец Списка,

0

625

Джи
так уже пробовала, не срабатывает(

0

626

Джи
ого

спасибо большое)

0

627

еще раз доброго дня

а как сделать таблицу с переключающимися двумя вкладками с помощью этого скрипта?

допустим, что-то вроде

+

http://sc.uploads.ru/0Vq6w.png

0

628

каравай тм
спасибо большое)

0

629

каравай тм
Контейнер с вкладками для информации [Герда]
Кнопкам можно принисать стили, дописав в цсс вот это:

#menu span:nth-child(1) { /* стили первой кнопки */ }

#menu span:nth-child(2) { /* стили первой кнопки */ }

Position, left, top - всё, что нужно для счастья : )

0

630

Turante
До меня дошло ))

// 1 кнопка - ссылка на Картинку
"https://forumstatic.ru/files/0012/0b/fd/87547.png",
"pa-fld3",       //Доп.Поле.1
// 2 кнопка- ссылка на Картинку
"https://forumstatic.ru/files/0012/0b/fd/93943.png",
"pa-respect",    //Уважение:
"pa-positive",   //Позитив
"pa-posts",      //Кол-во сообщений:
"pa-last-visit", //Последний визит:
"pa-ip",         //IP Юзера
"pa-reg",        //Зарегистрирован
"pa-invites", //Приглашений
"pa-sex",        //Пол
"pa-age",        //Возраст
"pa-icq",        //Аська
"pa-from",       //Откуда
"pa-time-visit", //Провел на форуме:
"awards", //Награды
//Конец Списка,

http://s3.uploads.ru/9tmYz.gif

0


Вы здесь » COLOR MATE » Вопросы CSS|JS » Вопросы по CSS vol. 2 ‡Обязательно оставляйте ссылку на форум!