В хтмл верх меняем выделенное жирным, по идее контейнеры растянутся
Изменить все на 800?
ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов » Архив устаревших тем » Выполненные заказы на техническое оснащение
В хтмл верх меняем выделенное жирным, по идее контейнеры растянутся
Изменить все на 800?
но мне сказали для начала нужно заказать код таблицы?!
Бу,посмотри здесь Дизайн таблицы
Изменить все на 800?
Можно и на 800, только смотрите, чтобы третья величина отличалась от второй на 20.
но мне сказали для начала нужно заказать код таблицы?!
пост 95, я уже выполняла ваш заказ, так что код у вас уже есть, по крайней мере должен быть
При заказе таблицы, пожалуйста, сразу указывайте ее ширину и длину, а также другие подробности важные при оформлении таблицы(ширину границ, фон и прочее). Заказы, в которых сразу не будет указано всех подробностей, не переделываются по просьбам: "еще фон сделайте", "а края закруглить можно", " и цвет текста другой сделайте" и прочее в том же духе.
Charli,это наверх
<style>
#navigation a {
display: block;
margin: 1px;
padding: 2px;
background: #926f70;
width: 200px;
}
#navigation a:hover{
display: block;
margin: 1px;
padding: 2px;
background: #9f7b7c;
}
</style>
<!-- Cлайдер-->
<style type="text/css">
#slideshow {
margin-left: 520px;
top: 30px;
width:320px;
height:240px;
position:absolute;
}
#slideshow #slidesContainer {
margin:0 auto;
width:320px;
height:240px;
position:relative;
}
#slideshow #slidesContainer .slide {
margin:0 auto;
width:280px; /* На двадцать пикселев меньше чем ширина #slidesContainer */
overflow-y:auto; /* поддержка прокрутки */
height:240px;
text-align: center;
}
.control {
display:block;
width:70px;
height:70px;
text-indent:-10000px;
position:absolute;
cursor: pointer;
z-index:100;}
#leftControl {
top:87px;
left:0;
background:transparent url(https://forumstatic.ru/files/0011/c5/75/74617.png) no-repeat 0 0;}
#rightControl {
top:87px;
right:0;
background:transparent url(https://forumstatic.ru/files/0011/c5/75/20006.png) no-repeat 0 0;}
</style>
<div id="logoup">
<div id="my_text"><div id="slideshow">
<div id="slidesContainer">
<div class="slide">
<center><img src="ссылка на картинку сюжет"><br/><div style="overflow-y: auto; height: 400px">текст сюжета</div></center>
</div>
<div class="slide"><center><img src="ссылка на картинку ссылки"><br/><div style="overflow-y: auto; height: 150px"><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></div><br/>Коды баннеров</center>
</div>
<div class="slide"><center><img src="ссылка на картинку"><br/>картинки админов<br/>картинки модеров</center>
</div>
<div class="slide"><center><img src="ссылка на картинку баннеры"><br/><div style="overflow-y: auto; height: 200px">текст бннеров</div></center>
</div>
</div></div>
</div>вниз
<script type="text/javascript">
$(document).ready(function(){
var currentPosition = 0;
var slideWidth = 320;
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>Чтобы подвинуть слайдер ищем вверху и меняем выделенное жирным
<!-- Cлайдер-->
<style type="text/css">
#slideshow {
margin-left: 520px;
top: 30px;
width:320px;
Так, кода, чтобы картинки становились прозрачными и непрозрачными, у меня нет, и что - то не нашла, но, если хотите, могу дать код со сменой картинок и ссылкой на профиль.
Вопросы или, если нужно что - то исправить, пишите, завтра( т.е. уже сегодня, но позже) сделаю
При заказе таблицы, пожалуйста, сразу указывайте ее ширину и длину, а также другие подробности важные при оформлении таблицы(ширину границ, фон и прочее). Заказы, в которых сразу не будет указано всех подробностей, не переделываются по просьбам: "еще фон сделайте", "а края закруглить можно", " и цвет текста другой сделайте" и прочее в том же духе.
такс щас опробуем)
ой есть одна просьба, можно там где сюжет, сделать так чтобы стрелочка была после прокрутки, а не перед О.о
а со стольным сама разберусь)
, но, если хотите, могу дать код со сменой картинок и ссылкой на профиль.
дайте такой пожалуйста)
дайте такой пожалуйста)
<a href="ссылка на профиль" target="_blank"><img src="картинка 1" onmouseover="this.src='картинка 2';" onmouseout="this.src='картинка 1';" /></a>
сделать так чтобы стрелочка была после прокрутки, а не перед
Хм, а ее там вообще не должно быть, ох, я посмотрю, но чуть позже, если вы не против.
При заказе таблицы, пожалуйста, сразу указывайте ее ширину и длину, а также другие подробности важные при оформлении таблицы(ширину границ, фон и прочее). Заказы, в которых сразу не будет указано всех подробностей, не переделываются по просьбам: "еще фон сделайте", "а края закруглить можно", " и цвет текста другой сделайте" и прочее в том же духе.
Хм, а ее там вообще не должно быть, ох, я посмотрю, но чуть позже, если вы не против.
Ну или так что бы стрелочки были за границами таблицы...
ладно уж подожду.
Только вот заметила у вас пару ошибок:
прокрутка должна быть везде кроме "админов".
а тут она только в сюжете.
и есть не схожости с шаблоном О.о
Можно и на 800, только смотрите, чтобы третья величина отличалась от второй на 20.
Я даже уже поняла для чего >< Но накосячить уже успела) Как всегда ><
Но вот все равно это немного не то. Вот на картинке стрелочками (или чем-то похожим на стрелочки) показано чего именно мне хочется. В общем, чтобы сам текст располагался по всей ширине форума, столбики сами стали шире, а то справа места "гуляет" столько ><
И еще одно. А навигация по типу той, что я в эскизе рисовала - тут не работает? *О* А то я вставляю, а оно просто в строчки написано, а не так красиво в маленькой табличке.
Отредактировано Something Blue (31.07.12 00:58)
Хм, а ее там вообще не должно быть, ох, я посмотрю, но чуть позже, если вы не против.
сама справилась)
спасибо за талблицу)
если будут вопросы обращусь уже в лс)
Вы здесь » ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов » Архив устаревших тем » Выполненные заказы на техническое оснащение