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

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


Вверх
Вниз

COLOR MATE

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

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


Вы здесь » COLOR MATE » Вопросы CSS|JS » Вопросы по CSS (& HTML)


Вопросы по CSS (& HTML)

Сообщений 451 страница 480 из 1000

1

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

0

451

Mila Smith
У вас профилактика стоит, не могу зайти

0

452

Убрала профилактику

0

453

Что-то я не вижу ни ссылок, ни картинок в посте, но у вас сбиты интервалы и вылезла нижняя прокрутка. В кодах явно много ошибок.

Я вам советую взять структуру стилей отсюда (второй блок спойлера, там и верхнее окно стиля и нижнее)
Делаем свой дизайн
и проставить ссылки и цвета вашего дизайна в нее, не удаляя ничего лишнего и особенно сохранив  все margin и padding, как они есть.

И уберите набирающееся название форума, находиться на странице дольше 10 секунд не возможно физически.

Отредактировано Мося (29-04-2013 03:08:59)

+1

454

Мося написал(а):

И уберите набирающееся название форума, находиться на странице дольше 10 секунд не возможно физически.

Почему невозможно находиться?

0

455

Ребятушки моя родные, хэлпните поалуйста http://fc06.deviantart.net/fs23/f/2007/346/3/d/_heart__rvmp_by_bad_blood.gif
потеряла код прокручивающейся таблицы(( без него как без рук
как тут вот
http://casusbelli.rusff.ru/

дам море любви и жвачку http://s2.uploads.ru/au6wj.gif

0

456

Чёртова Фея

Код:
<style>#slideshow {
margin:0 auto;
width:370px;
height: 100px;
position:relative;
line-height: 10px;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:300px;
  height: 100px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:300px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:100px;
}
/** 
* Slideshow controls style rules.
*/
.control {
  display:block;
  width: 100px;
  height: 163px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top: 45px;
  left: 20px;
  background:transparent url(http://10pix.ru/img1/242918/5352879.png) no-repeat 0 0;
}
#rightControl {
  top: 45px;
  right: -70px;
  background:transparent url(http://10pix.ru/img1/1215/5352880.png) no-repeat 0 0;
}
/*Style rules for Demo page */
* {
  margin:0;
  padding:0;
}


.slide h2, .slide p {
  margin:15px;
}
.slide h2 {
  letter-spacing:-1px;
}
.slide img {
  float:right;
  margin:0 15px;
}
</style>
<script type="text/javascript">
$(document).ready(function(){
  var currentPosition = 0;
  var slideWidth = 300;
  var slides = $('.slide');
  var numberOfSlides = slides.length;
  // Remove scrollbar in JS
  $('#slidesContainer').css('overflow', 'hidden');
  // Wrap all .slides with #slideInner div
  slides
    .wrapAll('<div id="slideInner"></div>')
    // Float left to display horizontally, readjust .slides width
.css({
      'float' : 'right',
      'width' : slideWidth
    });
  // Set #slideInner width equal to total width of all slides
  $('#slideInner').css('width', slideWidth * numberOfSlides);
  // Insert controls in the DOM
  $('#slideshow')
    .prepend('<span class="control" id="leftControl">Clicking moves left</span>')
    .append('<span class="control" id="rightControl">Clicking moves right</span>');
  // Hide left arrow control on first load
  manageControls(currentPosition);
  // Create event listeners for .controls clicks
  $('.control')
    .bind('click', function(){
    // Determine new position
currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
   
// Hide / show controls
    manageControls(currentPosition);
    // Move slideInner using margin-left
    $('#slideInner').animate({
      'marginLeft' : slideWidth*(-currentPosition)
    });
  });
  // manageControls: Hides and Shows controls depending on currentPosition
  function manageControls(position){
    // Hide left arrow if position is first slide
if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }
// Hide right arrow if position is last slide
    if(position==numberOfSlides-1){ $('#rightControl').hide() } else{ $('#rightControl').show() }
  }
});
</script>

<div style="width: 300px; height:100px; text-align: justify;  border: none; font-family: arial; font-size: 11px; line-height: 2px; margin: 1px;   position: absolute; margin-left: 50px; top: 40px; ">
<div id="pageContainer">
  <!-- Slideshow HTML -->
   <div id="slideshow">
    <div id="slidesContainer">
     
      
     <div class="slide">
        <p>    Третий контейнер    </p>
      </div>
     <div class="slide">
        <p>     Второй контейнер     </p>
      </div>
<div class="slide">
        <p>    Первый контейнер   </p>
      </div>


    </div>
  </div>
  <!-- Slideshow HTML -->
</div></div>

+1

457

Mila Smith написал(а):

Почему невозможно находиться?

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

+1

458

Подскажите, как можно убрать графы "количество тем/сообщений", а на их место поставить навигацию, как на этом форуме:
http://amour.f-rpg.ru/

0

459

Loerian

Код:
<script>
//Основное
$('.punbb .category thead .tcl').after('<th class=tcnav scope=col>Навигация</th>');
$('.punbb .category tbody .tcl').after('<td class=tcnav><ul></ul></td>');
function AddNav(selektor,kontent){ $(selektor).html(kontent);};

//Список категорий
AddNav("#forum_f6 .tcnav ul","<li><a href=http://amour.f-rpg.ru/viewtopic.php?id=97>Вопрос-ответ</a></li><li><a href=http://amour.f-rpg.ru/viewtopic.php?id=4>Гостевая</a></li><li><a href=http://amour.f-rpg.ru/viewtopic.php?id=74>Баги</a></li>");

AddNav("#forum_f10 .tcnav ul","<li><a href=http://amour.f-rpg.ru/viewtopic.php?id=76>Наша реклама</a></li><li><a href=http://amour.f-rpg.ru/viewtopic.php?id=77>Баннерообмен</a></li>");

AddNav("#forum_f11 .tcnav ul","<li><a href=http://amour.f-rpg.ru/viewtopic.php?id=79>Заявки</a></li>");

AddNav("#forum_f12 .tcnav ul","<li><a href=http://amour.f-rpg.ru/viewtopic.php?id=11>Шаблон анкеты</a></li><li><a href=http://amour.f-rpg.ru/viewtopic.php?id=9>Пробный пост. Экзамен</a></li>");

AddNav("#forum_f13 .tcnav ul","<li><a href=http://amour.f-rpg.ru/viewtopic.php?id=92>Список игроков</a></li>");

AddNav("#forum_f39 .tcnav ul","<li><a href=http://amour.f-rpg.ru/viewtopic.php?id=5>Правила игры</a></li><li><a href=http://amour.f-rpg.ru/viewtopic.php?id=87>Сюжет</a></li><li><a href=http://amour.f-rpg.ru/viewtopic.php?id=98>Устав школы</a></li><li><a href=http://amour.f-rpg.ru/viewtopic.php?id=91>Клубы</a></li><li><a href=http://amour.f-rpg.ru/viewtopic.php?id=100>География и карты</a></li>");

AddNav("#forum_f49 .tcnav ul","<li><a href=http://amour.f-rpg.ru/viewtopic.php?id=67>Объявления</a></li><li><a href=http://amour.f-rpg.ru/viewtopic.php?id=75>Отсутствие или уход</a></li><li><a href=http://amour.f-rpg.ru/viewtopic.php?id=68>Заполнение профиля</a></li><li><a href=http://amour.f-rpg.ru/viewtopic.php?id=96>Занятые внешности</a></li>");

AddNav("#forum_f50 .tcnav ul","<li><a href=http://amour.f-rpg.ru/viewtopic.php?id=94>Флуд и флейм</a></li>");

AddNav("#forum_f52 .tcnav ul","<li><a href=http://amour.f-rpg.ru/viewtopic.php?id=95>Восстановление анкет</a></li>");

AddNav("#forum_f54 .tcnav ul","<li><a href=http://amour.f-rpg.ru/viewtopic.php?id=83>#1 Notre tout</a></li><li><a href=http://amour.f-rpg.ru/viewtopic.php?id=84>#2 Jeune Garde</a></li><li><a href=http://amour.f-rpg.ru/viewtopic.php?id=114>#3 Donnant des connaissances</a></li><li><a href=http://amour.f-rpg.ru/viewtopic.php?id=115>#4 Attendez-moi</a></li>");

AddNav("#forum_f55 .tcnav ul","<li><a href=http://amour.f-rpg.ru/viewtopic.php?id=89>Шаблон</a></li>");

AddNav("#forum_f58 .tcnav ul","<li><a href=http://amour.f-rpg.ru/viewtopic.php?id=90>Шаблон</a></li>");

AddNav("#forum_f63 .tcnav ul","<li><a href=http://amour.f-rpg.ru/viewtopic.php?id=93>Организация квестов</a></li>");
</script>

#forum_f58 - номер подфорума.
И убираем число тем из навигации:

Код:
<style>
#pun .tc2{
    font-size: 0;
}
</style>

Если нужно убрать и число сообщений, тогда:

Код:
<style>
.punbb .main .tc3 {
    display: none; }
</style>

+1

460

apl.de.ap
Большое спасибо, вы меня очень выручили))

0

461

Здравствуйте! Подскажите, пожалуйста, как вернуть эти надписи на место:
http://funkyimg.com/u2/4489/090/868969C7BtLo.jpg

Отредактировано Lampyridae (27-10-2013 08:59:55)

0

462

А есть код для того чтоб на форуме создавать тесты?
Если есть то скиньте кодик.
Жду.Зарание спасибо
http://uploads.ru/i/m/s/z/msz46.gif

0

463

Lampyridae
С пиара в сообщения попасть нельзя, так-что наверняка сказать не могу.
Ю-л-я -м-а(((
Нет, такого скрипта нету.

0

464

apl.de.ap
открыл доступ в лс

0

465

дайте простой (и старый) скрипт для категорий, чтобы они были картинками.

Отредактировано `serena (05-05-2013 15:27:21)

0

466

`serena
Очень удобная замена категорий

+1

467

Lampyridae

Код:
<style>
#pun-main h2 {
    border: medium none;
    text-align: left;
</style>

+1

468

А подскажите код как вы сделали смайлики в поле справа от текста

0

469

Думаю так.
Второе окно стиля:

Код:
.input #main-reply{width:70%; display: inline; margin-left: 7px; 173px;}
.smiles
{
	width: 190px;
	margin-top: -199px !important;
	height: 200px;
	overflow-x: auto;
	overflow-y: auto;
	background-color: #0cf50c;
	color: #442d25;
	background-image: url("http://s2.uploads.ru/MoS4W.png");
	border-top-width: 1px;
	border-right-width-value: 1px;
	border-bottom-width: 1px;
	border-left-width-value: 1px;
	border-top-style: solid;
	border-right-style-value: solid;
	border-bottom-style: solid;
	border-left-style-value: solid;
	border-top-color: #061317;
	border-right-color-value: #061317;
	border-bottom-color: #061317;
	border-left-color-value: #061317;
}

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

Код:
<div class="smiles"  style="margin-top: -220px; margin-left: 590px;>

<img src="http://colormate.ru/wp-content/uploads/2011/03/clover.gif" alt="Колобок-смайл" onclick="smile('[img]http://colormate.ru/wp-content/uploads/2011/03/clover.gif[/img]')" />
<img src="http://uploads.ru/i/m/s/z/msz46.gif" alt="Клеверочек" onclick="smile('[img]http://uploads.ru/i/m/s/z/msz46.gif[/img]')" />
<img src="http://s2.uploads.ru/1sw0l.png" alt="Клеверочек" onclick="smile('[img]http://s2.uploads.ru/1sw0l.png[/img]')" />
</div>

+1

470

Мося
спс

0

471

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

ссылка на тест, собсна
а ее уже и нет, продолжаем тайную подготовку к ащаща проекту хд

заранее спасибо http://colormate.ru/wp-content/uploads/2011/03/clover.gif

Отредактировано jolly roger (08-05-2013 20:19:36)

0

472

Мося
Этот скрипт всесто одного добавлет два смайла

0

473

jolly roger

.pa-fld2 {
font-size: 0px;
margin-top: -9px;
margin-bottom: -6px;}

Красным - номер дополнительного поля.

+1

474

apl.de.ap
огромнейшее спасибо, все получилось  https://forumupload.ru/uploads/000c/77/06/120183-1.gif

0

475

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

0

476

не актуально

Здравствуйте!
Как изменить расстояние между профилем и сообщением в посте?
помогите пожалуйста)

Отредактировано Mila Smith (10-05-2013 13:13:05)

0

477

Mila Smith
Покажите скриншотом и ссылку на форум.

0

478

Здравствуйте) Я спросила дизайнера. а он меня послал сюда, ну да ладно) Хотела бы у вас спросить по поводу личого сообщеия, а имено уведомления. Я взяла его на колорфоруме, поставила к себе на ролку, а он не работает, что делать?

0

479

как изменить цвет ссылок на форуме?

0

480

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

Я взяла его на колорфоруме, поставила к себе на ролку, а он не работает, что делать?

Показывать форум и код скрипта =)

Mila Smith
Раздел О ссылках
Делаем свой дизайн
Второе окно стиля, блок CS3 Links

0


Вы здесь » COLOR MATE » Вопросы CSS|JS » Вопросы по CSS (& HTML)