Выполненные заказы на техническое оснащение

Страница: « 1 … 79 80 81 82 83 »

Тема закрыта

Сообщений 801 страница 810 из 821

Поделиться80101.08.12 04:53

Автор: Эдлизабет
Призрак
Последний визит:
05.09.13 06:30
Уважение: +71

спс

Поделиться80201.08.12 09:16

Автор: Бу
Призрак
Последний визит:
04.02.13 13:28
Уважение: +298

А то сейчас первый слайд так подозрительно вылез за рамки *О*
Левую за границу не выдворить, ибо слайдер растягивается только в правую сторону, поэтому ищем и уменьшаем
<div class="slide"><table>
<tr><td width="45%">
<center><span style="font-size: 14px; font-weight: bold;">Welcome!</span></center>
• Рады приветство
например, до 40 - 35, если не помогает уменьшаем и тут
<td width="35%">
<center> <span style="font-size: 14px; font-weight: bold;">Admins</span>
<br/>
<a href="http://proba69.rusff.ru/profile.php?id=2" target="_blank"><img src="http://s1.uploads.ru/i/BjYO0.gif" title="Game Master"></a><a href="http://proba69.rusff.ru/profile.php?id=2" target="_blank"><img src="http://s1.uploads.ru/i/8phNl.gif" title="John Watson"></a>
<br/><br/><
Не, в Ворде это называется "по ширине" *О*
В общем, ищем и меняем то же, что я и писала выше, но только вот на это.
text-align: justify;

Дополнение:
В общем, исправила все и подвинула
верх

Код:

<!-- Cлайдер-->
<style type="text/css">
#slideshow {
margin:0 auto;
width:800px;
height:250px;
position:relative;}

#slideshow #slidesContainer {
  margin:0 auto;
  width:800px;
  height:250px;
  position:relative;
text-align: justify;}

#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:800px; /* На двадцать пикселев меньше чем ширина #slidesContainer */
  overflow-y:auto; /* поддержка прокрутки */
  height:250px;
  text-align: justify;}

.control {
  display:block;
  width:102px;
  height:29px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
  z-index:100;}

#leftControl {
  top:87px;
   right:820px;
  background:transparent url(http://s1.uploads.ru/i/Vv7ZP.png) no-repeat 0 0;}

#rightControl {
  top:87px;
  left:840px;
  background:transparent url(http://s1.uploads.ru/i/D2ZHV.png) no-repeat 0 0;}
</style>
<style>
#my_cyl {
  float: left;
  width: 320px;
}
</style>
<style>
#navigation a {
  display: block;
text-align: center; 
  margin: 1px;
width:150px;
  padding: 2px;
  background: #cfc0dc; 
}
#navigation a:hover{
  display: block;
text-align: center; 
width:150px;
margin: 1px;
  padding: 2px;
  background: #d7cedf;
}
</style>

низ

Код:

<script type="text/javascript">
$(document).ready(function(){
  var currentPosition = 0;
  var slideWidth =800;
  var slides = $('.slide');
  var numberOfSlides = slides.length;
  // С помощью скрипта убираем прокрутку в контейнере.
  $('#slidesContainer').css('overflow', 'hidden');
  // Свернем все вкладки .slides в блок #slideInner 
  slides .wrapAll('<div id="slideInner"></div>')
.css({
      'float' : 'left',
      'width' : slideWidth
    });
  // Проставим блоку #slideInner ширину, равную общей ширине контейнеров
  $('#slideInner').css('width', slideWidth * numberOfSlides);
  $('#slideshow')
    .prepend('<span class="control" id="leftControl">Clicking moves left</span>')
    .append('<span class="control" id="rightControl">Clicking moves right</span>');
  manageControls(currentPosition);
  $('.control')
    .bind('click', function(){
currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
    manageControls(currentPosition);
    $('#slideInner').animate({
      'marginLeft' : slideWidth*(-currentPosition)
    });
  });
  function manageControls(position){
    // Скрыть левую стрелку у первого контейнера
if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }
// Скрыть правую стрелку у последнего контейнера
    if(position==numberOfSlides-1){ $('#rightControl').hide() } else{ $('#rightControl').show() }
  }	
});
</script>

объявление

Код:

<div id="slideshow">
    <div id="slidesContainer">
      <div class="slide"><table>
<tr><td width="40%"><div style="padding-right:30px">
<center><span style="font-size: 14px; font-weight: bold;">Welcome!</span></center>
• Рады приветствовать Вас на <b>FRPG "Sherlock. Two Steps From Chaoc"</b>, созданной по мотивам двух популярных сериалов канала <b>BBC</b> <b>"Whitechapel"</b> и <b>"Sherlock"</b>. <br>
Дорогие гости, не стоит сидеть на главной странице, ибо можно пропустить все самое интересное. А я Вас уверяю, что это "интересное" будет обязательно. Поэтому, скорее регистрируйтесь, занимайте приглянувшуюся роль и айда вперед - вершить истории, совершать и раскрывать преступления и просто жить!
• <b>Система игры:</b> эпизодическая;<br>• <b>Рейтинг:</b> NC-17. <br>
• На данный момент в игру нуждаются <b>абсолютно все </b> каноны и неканоны!!
 </div>
</td>
<td >
<br><br><br><br><center><span style="font-size: 14px; font-weight: bold;">Navigation:</span></center><br>
<div id="navigation"><a href="ссылка">название ссылки</a></div>
<div id="navigation"><a href="ссылка">название ссылки</a></div>
<div id="navigation"><a href="ссылка">название ссылки</a></div>
<div id="navigation"><a href="ссылка">название ссылки</a></div>
<div id="navigation"><a href="ссылка">название ссылки</a></div>
<div id="navigation"><a href="ссылка">название ссылки</a></div>
<div id="navigation"><a href="ссылка">название ссылки</a></div>
</td>
<td width="35%">
<center> <span style="font-size: 14px; font-weight: bold;">Admins</span></center>
<br/>
<a href="http://proba69.rusff.ru/profile.php?id=2" target="_blank"><img src="http://s1.uploads.ru/i/BjYO0.gif" title="Game Master"></a><a href="http://proba69.rusff.ru/profile.php?id=2" target="_blank"><img src="http://s1.uploads.ru/i/8phNl.gif" title="John Watson"></a>
<br/><br/><div style="overflow-y: auto; height: 150px"><span style="font-size: 14px; font-weight: bold;">News</span><br> <br>
<marquee direction="up" scrollamount="1" scrolldelay="0" height="130"> • <b>01.08.12 </b>Первая, и главная, новость в жизни сего проекта  - мы открыты! Тройное ура. Еще много, о-очень много, работы, но Админ работу любит и в считанные дни ролевая примет божеский вид и можно будет торжественно перерезать красную ленточку. Нужны все. Абсолютно все! GM<br> </marquee>
</div>
</td>
</tr>
</table></div>
<div class="slide"><center><span style="font-size: 14px; font-weight: bold;">Meters</span><br/>Коды баннеров<br/><br><br><br><span style="font-size: 14px; font-weight: bold;">Partners</span><br/><br/><marquee scrollamount="3" direction=left height="30" width="400"><a href="://proba69.rusff.ru" target="_blank"><img src=" http://s1.uploads.ru/i/huHIN.gif " title="Sherlock. Two Steps From Chaoc"></a> </marquee> </center>
</div>
<div class="slide"><div id="my_cyl">
<br><br><br><br><center><img width="186" height="104" src="http://uploads.ru/i/C5fXd.gif"></center>
</div>
<div id="my_cyl">
<br><br><br><center> <span style="font-size: 14px; font-weight: bold;">Quote of the Week</span> <br>
— Ты во мне разочарован.<br>
— Хорошая дедукция. Да!<br>
— Не превращай людей в героев, Джон, героев нет. А даже будь они — я из другой оперы.<br>
— На кону жизни реальных людей, тебя это хоть как-то волнует?<br>
— Волнение поможет их спасти?<br>
— Нет.<br>
— Тогда я и дальше буду избегать этой ошибки.<br>
</center>
</div></div>
    </div>

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

Отредактировано Бу (01.08.12 14:02)

Подпись автора: При заказе таблицы, пожалуйста, сразу указывайте ее ширину и длину, а также другие подробности важные при оформлении таблицы(ширину границ, фон и прочее). Заказы, в которых сразу не будет указано всех подробностей, не переделываются по просьбам: "еще фон сделайте", "а края закруглить можно", " и цвет текста другой сделайте" и прочее в том же духе.

Поделиться80301.08.12 10:36

Автор: Бу
Призрак
Последний визит:
04.02.13 13:28
Уважение: +298

Rhisenn
хтмл верх

Код:

<style>
.container1 {width: 900px; margin: 0 auto; padding: 0;}
ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 40px;
    width:470px;
   
}
ul.tabs li {
    float: left;
    margin: 0;
    padding: 0;
    height: 40px;
    line-height: 40px;
    border: 0px;
border-top: 1px dotted #000000;
    border-bottom: 1px dotted #000000;
        border-right: 1px dotted #000000;
        border-left: 1px dotted #000000;
    margin-bottom: -2px;
    background: url();
    overflow: hidden;
    position: relative;
}

ul.tabs li a {
    text-decoration: none;
    color: transparent;
    display: block;
    padding: 0 5px;
    background: url();
    outline: none;
}

ul.tabs li a:hover {
       background: url();
    border-bottom: 0px solid #000000;
        border-top: 0px solid #000000;    
        border-left: 0px solid #000000;    
        border-right: 0px solid #000000;  
}    

html ul.tabs li.active  {
    background: url();    
    border-bottom: 0px solid #000000;
        border-top: 0px solid #000000;    
        border-left: 0px solid #000000;    
        border-right: 0px solid #000000;   
}  

html ul.tabs li.active a:hover  {
        background: url();
    border-bottom: 0px solid #160f0a;
}

.tab_container1 {
    clear: both;
    float: left; 
    width: 470px;
    height: 300px;
    background-image : url();   
background-color: #FFFFFF;  
    border-bottom: 1px solid #000000;
        border-top: 0px solid #000000;    
        border-left: 0px solid #000000;    
        border-right: 0px solid #000000;  

    -moz-border-radius-bottomright: 5px;
    -khtml-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -khtml-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
}

.tab_content {
    padding: 5px;
}

.tab_content h2 {
    font-weight: normal;
    padding-bottom: 2px;
    border-bottom: 0px dashed #000000;
}
</style>

хтмл низ

Код:

<script type="text/javascript">
  $(document).ready(function(){
    $('.splLink').click(function(){
      $(this).parent().children('div.splCont').toggle('normal');
      return false;
    });
  });
</script>
<script type="text/javascript">

$(document).ready(function() {


	$(".tab_content").hide(); 
	$("ul.tabs li:first").addClass("active").show();
	$(".tab_content:first").show();
	
	$("ul.tabs li").click(function() {
    $("ul.tabs li").removeClass("active");
    $(this).addClass("active");
    $(".tab_content").hide();
    var activeTab = $(this).find("a").attr("href");
    $(activeTab).fadeIn();
    return false;
	});

});

</script>

объявление

Код:

<table width="100%">
<tr>
<td width="60%"><div class="container">
    <div class="html-box">

<ul class="tabs">
    <li class="active"><a href="#tab1">Новости </a></li>
    <li><a href="#tab2">Действия в игре</a></li>
    <li><a href="#tab3">Администрация</a></li>
 <li><a href="#tab4">Лучшие игроки</a></li>
 <li><a href="#tab5">Партнерство</a></li>
</ul>

      <div class="tab_container1">

<div style="display: block;" id="tab1" class="tab_content">
<table width="100%">
<tr>
<td width="60%">текст новостей 1</td>

<td><center>текст новостей 2</center></td>

</tr>
</table>
</div>

<div style="display: none;" id="tab2" class="tab_content">
<div style="overflow: scroll; overflow-x: hidden; height: 290px; ">текст 2
</div>
</div>

<div style="display: none;" id="tab3" class="tab_content"> 
текст 3
</div>

<div style="display: none;" id="tab4" class="tab_content"> 
<table width="100%">
<tr>
<td width="25%">ячейка 1</td>

<td width="25%">ячейка 2</td>
<td width="25%">ячейка 3</td>
<td >ячейка 4</td>
</tr>


</table>
</div>

<div style="display: none;" id="tab5" class="tab_content"> 
текст 5
</div>

      </div>
    </div>
</div></td>

<td><table background="http://img402.imageshack.us/img402/9418/93087625.png" height="298" width="303">
<tr>
<td ><div style="padding-left:30px; padding-right:15px">текст 6
</div></td>
</tr>
</table></td>
</tr>

</table>

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

или же, объясните, как настраивать.)

Идем в тему: Контейнер с вкладками для информации и смотрим как настраивать. Вопросы по оформлению можно задать там же.
Если таблица будет вылазить за рамки ищем и уменьшаем выделенное жирным (в хтмл верх)

ul.tabs {
margin: 0;
padding: 0;
float: left;
list-style: none;
height: 40px;
width:470px;

.tab_container1 {
clear: both;
float: left;
width: 470px;

Подпись автора: При заказе таблицы, пожалуйста, сразу указывайте ее ширину и длину, а также другие подробности важные при оформлении таблицы(ширину границ, фон и прочее). Заказы, в которых сразу не будет указано всех подробностей, не переделываются по просьбам: "еще фон сделайте", "а края закруглить можно", " и цвет текста другой сделайте" и прочее в том же духе.

Поделиться80401.08.12 12:14

Автор: Rhisenn
Призрак
Последний визит:
25.03.13 20:50
Уважение: +177

Бу
Спасибо! Как раз то, что надо, буду пытаться под стиль настроить, если выйдет...

Поделиться80501.08.12 12:33

Автор: Ulia
Призрак
Последний визит:
05.05.14 14:45
Уважение: +7

1. Ссылка на форум:
http://animalisland.rolka.su/
2. Эскиз таблицы:

Эскиз

3. Дополнительные предпочтения:
Размер таблицы: 800 на 350.
Размер аватарок админов 60 на 60. Размер аватарок модераторов 50 на 50. Непрозрачность аватарок 60 при наведении плавно становятся совсем непрозрачными, так же всплывает комментарий, а при клике перенаправляет на профиль. Размер окошка слайдера: 250 на 330. Страничек слайдера 5.
Шрифт: Century Schoolbook
Стрелочки:

Поделиться80601.08.12 13:39

Автор: Бу
Призрак
Последний визит:
04.02.13 13:28
Уважение: +298

Ulia
Использовала вариант эскиза без стрелочек(взяла ваш вариант и стерла на нем стрелки), во - первых, потому что они есть отдельно, а во -вторых, если настраивать как на эскизе, колонки немного едут.

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

Непрозрачность аватарок 60 при наведении плавно становятся совсем непрозрачными

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

хтмл верх

Код:

<style type="text/css">
<!--
#slideshow {
margin:0 auto;
width:290px;
height:320px;
position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:210px;
  height:263px;
  overflow:auto; /* поддержка прокрутки */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:200px; /* На двадцать пикселев меньше чем ширина #slidesContainer */
  height:263px;
}
.control {
  display:block;
  width:30px;
  height:30px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
  z-index:100;}
#leftControl {
  top:125px;
  left:0;
  background:transparent url(http://s1.uploads.ru/i/8r2Bn.png) no-repeat 0 0;
}
#rightControl {
  top:125px;
  left:275px;
  background:transparent url(http://s1.uploads.ru/i/3DHSG.png) no-repeat 0 0;
}
.slide h2, .slide p {
  margin:15px;
}
.slide img {
  float:right;
  margin:0 15px;
}
-->
</style>

низ

Код:

<script type="text/javascript">
$(document).ready(function(){
  var currentPosition = 0;
  var slideWidth = 210;
  var slides = $('.slide');
  var numberOfSlides = slides.length;
  // С помощью скрипта убираем прокрутку в контейнере.
  $('#slidesContainer').css('overflow', 'hidden');
  // Свернем все вкладки .slides в блок #slideInner 
  slides .wrapAll('<div id="slideInner"></div>')
.css({
      'float' : 'left',
      'width' : slideWidth
    });
  // Проставим блоку #slideInner ширину, равную общей ширине контейнеров
  $('#slideInner').css('width', slideWidth * numberOfSlides);
  $('#slideshow')
    .prepend('<span class="control" id="leftControl">Clicking moves left</span>')
    .append('<span class="control" id="rightControl">Clicking moves right</span>');
  manageControls(currentPosition);
  $('.control')
    .bind('click', function(){
currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
    manageControls(currentPosition);
    $('#slideInner').animate({
      'marginLeft' : slideWidth*(-currentPosition)
    });
  });
  function manageControls(position){
    // Скрыть левую стрелку у первого контейнера
if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }
// Скрыть правую стрелку у последнего контейнера
    if(position==numberOfSlides-1){ $('#rightControl').hide() } else{ $('#rightControl').show() }
  }	
});
</script>

объявление

Код:

<center><table background="http://s1.uploads.ru/i/1zryA.jpg" height="350" width="800" font-family="Century Schoolbook">
<tr><td valign="top" width="237" ><div style="padding-right:25px"><center><br><br>очень очень длинная ссылка<br><br>ссылка<br><br>ссылка<br><br>ссылка<br><br>ссылка<br><br>ссылка<br><br><br><br><br><br>акция 1<br><br>акция 2<br><br>акция 3</center></div>
</td>
<td valign="top" width="237" ><br><br><br><br><br><br><br><table>
<tr><td width="33%"><div style="padding-left:12px"><a href="ссылка на профиль1" target="_blank"><img src="картинка1" title="имя1"></div> </td>
<td width="36%"><div style="padding-left:8px"><a href="ссылка на профиль2" target="_blank"><img src="картинка2" title="имя2"></div> </td>
<td ><div style="padding-right:15px"><a href="ссылка на профиль3" target="_blank"><img src="картинка3" title="имя3"></div></td>
</tr>
</table><br><br><table width="100%">
<tr><td width="10%"><div style="padding-left:2px"><a href="ссылка на профиль4" target="_blank"><img src="картинка4" title="имя4"></div> </td>
<td width="25%"><div style="padding-left:3px"><a href="ссылка на профиль5" target="_blank"><img src="картинка5" title="имя5"></div></td>
<td width="25%"><div style="padding-left:3px"><a href="ссылка на профиль6" target="_blank"><img src="картинка6" title="имя6"></div></td>
<td ><div style="padding-left:5px"><a href="ссылка на профиль7" target="_blank"><img src="картинка7" title="имя7"></div></td>
</tr>
</table></td>
<td valign="top"><br><br><div id="slideshow">
    <div id="slidesContainer">
      <div class="slide">
        первый слайд </div>
<div class="slide">2</div>
<div class="slide">3</div>
<div class="slide">4</div>
<div class="slide">5</div>
    </div></td>
</tr>
</table></center>

Подпись автора: При заказе таблицы, пожалуйста, сразу указывайте ее ширину и длину, а также другие подробности важные при оформлении таблицы(ширину границ, фон и прочее). Заказы, в которых сразу не будет указано всех подробностей, не переделываются по просьбам: "еще фон сделайте", "а края закруглить можно", " и цвет текста другой сделайте" и прочее в том же духе.

Поделиться80701.08.12 14:27

Автор: Ulia
Призрак
Последний визит:
05.05.14 14:45
Уважение: +7

Названия ссылок не на месте (Тест: http://ptis.rolka.su/) Убиранием тега br это не исправляется.

Поделиться80801.08.12 14:43

Автор: Бу
Призрак
Последний визит:
04.02.13 13:28
Уважение: +298

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

Убиранием тега br это не исправляется.

А зачем вы его убираете, они специально были расставлены, дабы текст съезжал под строчки. Верните теги, как были, в том коде, что я вам дала, все отображается правильно.

Подпись автора: При заказе таблицы, пожалуйста, сразу указывайте ее ширину и длину, а также другие подробности важные при оформлении таблицы(ширину границ, фон и прочее). Заказы, в которых сразу не будет указано всех подробностей, не переделываются по просьбам: "еще фон сделайте", "а края закруглить можно", " и цвет текста другой сделайте" и прочее в том же духе.

Поделиться80901.08.12 15:19

Автор: Ulia
Призрак
Последний визит:
05.05.14 14:45
Уважение: +7

Вот на ноутбуке у меня всё нормально отображается а на стационарном ссылки ниже чем нужно (по этому БРки и убирала, но сейчас они на месте) Браузер и там и там Фаерфокс.
http://s1.uploads.ru/t/lWvDi.png

Отредактировано Ulia (01.08.12 16:15)

Поделиться81001.08.12 15:50

Автор: Something Blue
Призрак
Последний визит:
03.08.12 17:12
Уважение: 0

Бу написал(а):

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

Вы как в воду глядели - одна буква ну никак не хочет помещаться в третьей колонке

Тема закрыта

Страница: « 1 … 79 80 81 82 83 »

ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов

Меню навигации

Пользовательские ссылки

Объявление

🎧 Подкаст «НЕТЕРОЛЕВЫЕ»

🍁 Что такое осень? Конкурс осенних дизайнов!

🔥 Акция! Осенние скидки на Мгновенные уведомления

❤️ Поддержи проект! Стань модератором!

💌 Акция! Подписка, лайк, коммент, репост!

🌟 SPECIAL OFFER: We distribute designs for free

❤️ Support the project

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

Выполненные заказы на техническое оснащение

Сообщений 801 страница 810 из 821

Поделиться80101.08.12 04:53

Поделиться80201.08.12 09:16

Поделиться80301.08.12 10:36

Поделиться80401.08.12 12:14

Поделиться80501.08.12 12:33

Поделиться80601.08.12 13:39

Поделиться80701.08.12 14:27

Поделиться80801.08.12 14:43

Поделиться80901.08.12 15:19

Поделиться81001.08.12 15:50