Модератор форума: Yuri_G  
CSS: решение вопросов
Модератор форума
Сообщение # 1 | 18:03:25
Тема для пользователей, которые не в первый раз слышат о CSS


Тех кто не знает как задать цвет и размер шрифта с помощью CSS, не знают, что такое класс, просим изучить учебник


Существуют отдельные темы по:
стилизации выпадающего меню
цветовому обозначению групп пользователей (архив)
настройке мини чата
Selena
Сообщений: 15657
Репутация: 1100

Сообщение # 451 | 16:47:15
Martin1415, поставьте элемент в див и задавайте параметры для этого дива.

Отправляя сообщение о помощи, приводите ссылку на свой сайт. Это не считается рекламой, зато снимает массу вопросов.
Черный-кот
Сообщений: 1
Репутация: 0

Сообщение # 452 | 01:32:16
Помогите пожалуйста! Ради шутки стер CSS код... Незнаю как восстановить! Пробовал изменить дизайн сайта в общих настройках - фигушки. Что делать? cry Просто сайт отображается - сами посмотрите - http://kotiki.tk/ !!! Помогите! sad cry help help fear fear cranky cranky cranky
bandjuk
Сообщений: 6816
Репутация: 2398
Уровень замечаний:

Сообщение # 453 | 01:46:02
Черный-кот,
Прикрепления: 1547203.jpg (65.6 Kb)
GreySon
Сообщений: 61
Репутация: 41

Сообщение # 454 | 22:43:02
Помогите решить проблему, изменял дизайн сайта, для этого убирал полностью меню, друзья сайта и т.д.(короче первый контейнер полностью удалил). Теперь ставлю обратно а эти блоки не показываются!
Что делать? Восстанавливать стандартный шаблон не пробывал, так как очень много чего сделал(жалко)
FeniX_kz
Сообщений: 1642
Репутация: 971

Сообщение # 455 | 06:37:54
Quote (GreySon)
Что делать?

Прописать эти блоки вручную
Quote (GreySon)
меню

Код вывода стандартного меню $SMENU_1$
Quote (GreySon)
друзья сайта

Это не обязательный блок, если речь идет о стандартном ...

.::I'll be back::.
Выбор за тобой!
asdas9666
Сообщений: 8
Репутация: 0
Уровень замечаний:

Сообщение # 456 | 11:38:20
Нужна помощь по интервалу времени в слайдере

Здравствуйте, у меня на сайте есть слайдер мне нужно, сделать так, чтобы пауза между интервалом картинок была 5 сек, а то они очень быстро лестаются=(((((((((((((((((((((( как это сделать

у меня есть один файл js, и файл css там, что то написано про слайдер но я не знаю какой именно тег найти, что отвечает за интервал

помогите пожалуйста!

сайт http://dandancecomplex.com.ua/
Сообщение отредактировал asdas9666 - Суббота, 21 Июл 2012, 11:43:16
Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 457 | 11:47:45
asdas9666, И какое название у скрипта ??

asdas9666
Сообщений: 8
Репутация: 0
Уровень замечаний:

Сообщение # 458 | 11:50:31
Miss_Esq

та вот такие папки coin-slider.min.js
СОДЕРЖИМОЕ

Code
/**
  * Coin Slider - Unique jQuery Image Slider
  * @version: 1.0 - (2010/04/04)
  * @requires jQuery v1.2.2 or later  
  * @author Ivan Lazarevic
  * Examples and documentation at: http://workshop.rs/projects/coin-slider/
   
  * Licensed under MIT licence:
  *   http://www.opensource.org/licenses/mit-license.php
**/

(function($){var params=new Array;var order=new Array;var images=new Array;var links=new Array;var linksTarget=new Array;var titles=new Array;var interval=new Array;var imagePos=new Array;var appInterval=new Array;var squarePos=new Array;var reverse=new Array;$.fn.coinslider=$.fn.CoinSlider=function(options){init=function(el){order[el.id]=new Array();images[el.id]=new Array();links[el.id]=new Array();linksTarget[el.id]=new Array();titles[el.id]=new Array();imagePos[el.id]=0;squarePos[el.id]=0;reverse[el.id]=1;params[el.id]=$.extend({},$.fn.coinslider.defaults,options);$.each($('#'+el.id+' img'),function(i,item){images[el.id][i]=$(item).attr('src');links[el.id][i]=$(item).parent().is('a')?$(item).parent().attr('href'):'';linksTarget[el.id][i]=$(item).parent().is('a')?$(item).parent().attr('target'):'';titles[el.id][i]=$(item).next().is('span')?$(item).next().html():'';$(item).hide();$(item).next().hide();});$(el).css({'background-image':'url('+images[el.id][0]+')','width':params[el.id].width,'height':params[el.id].height,'position':'relative','background-position':'top left'}).wrap("<div class='coin-slider' id='coin-slider-"+el.id+"' />");$('#'+el.id).append("<div class='cs-title' id='cs-title-"+el.id+"' style='position: absolute; bottom:0; left: 0; z-index: 1000;'></div>");$.setFields(el);if(params[el.id].navigation)
$.setNavigation(el);$.transition(el,0);$.transitionCall(el);}
$.setFields=function(el){tWidth=sWidth=parseInt(params[el.id].width/params[el.id].spw);tHeight=sHeight=parseInt(params[el.id].height/params[el.id].sph);counter=sLeft=sTop=0;tgapx=gapx=params[el.id].width-params[el.id].spw*sWidth;tgapy=gapy=params[el.id].height-params[el.id].sph*sHeight;for(i=1;i<=params[el.id].sph;i++){gapx=tgapx;if(gapy>0){gapy--;sHeight=tHeight+1;}else{sHeight=tHeight;}
for(j=1;j<=params[el.id].spw;j++){if(gapx>0){gapx--;sWidth=tWidth+1;}else{sWidth=tWidth;}
order[el.id][counter]=i+''+j;counter++;if(params[el.id].links)
$('#'+el.id).append("<a href='"+links[el.id][0]+"' class='cs-"+el.id+"' id='cs-"+el.id+i+j+"' style='width:"+sWidth+"px; height:"+sHeight+"px; float: left; position: absolute;'></a>");else
$('#'+el.id).append("<div class='cs-"+el.id+"' id='cs-"+el.id+i+j+"' style='width:"+sWidth+"px; height:"+sHeight+"px; float: left; position: absolute;'></div>");$("#cs-"+el.id+i+j).css({'background-position':-sLeft+'px '+(-sTop+'px'),'left':sLeft,'top':sTop});sLeft+=sWidth;}
sTop+=sHeight;sLeft=0;}
$('.cs-'+el.id).mouseover(function(){$('#cs-navigation-'+el.id).show();});$('.cs-'+el.id).mouseout(function(){$('#cs-navigation-'+el.id).hide();});$('#cs-title-'+el.id).mouseover(function(){$('#cs-navigation-'+el.id).show();});$('#cs-title-'+el.id).mouseout(function(){$('#cs-navigation-'+el.id).hide();});if(params[el.id].hoverPause){$('.cs-'+el.id).mouseover(function(){params[el.id].pause=true;});$('.cs-'+el.id).mouseout(function(){params[el.id].pause=false;});$('#cs-title-'+el.id).mouseover(function(){params[el.id].pause=true;});$('#cs-title-'+el.id).mouseout(function(){params[el.id].pause=false;});}};$.transitionCall=function(el){clearInterval(interval[el.id]);delay=params[el.id].delay+params[el.id].spw*params[el.id].sph*params[el.id].sDelay;interval[el.id]=setInterval(function(){$.transition(el)},delay);}
$.transition=function(el,direction){if(params[el.id].pause==true)return;$.effect(el);squarePos[el.id]=0;appInterval[el.id]=setInterval(function(){$.appereance(el,order[el.id][squarePos[el.id]])},params[el.id].sDelay);$(el).css({'background-image':'url('+images[el.id][imagePos[el.id]]+')'});if(typeof(direction)=="undefined")
imagePos[el.id]++;else
if(direction=='prev')
imagePos[el.id]--;else
imagePos[el.id]=direction;if(imagePos[el.id]==images[el.id].length){imagePos[el.id]=0;}
if(imagePos[el.id]==-1){imagePos[el.id]=images[el.id].length-1;}
$('.cs-button-'+el.id).removeClass('cs-active');$('#cs-button-'+el.id+"-"+(imagePos[el.id]+1)).addClass('cs-active');if(titles[el.id][imagePos[el.id]]){$('#cs-title-'+el.id).css({'opacity':0}).animate({'opacity':params[el.id].opacity},params[el.id].titleSpeed);$('#cs-title-'+el.id).html(titles[el.id][imagePos[el.id]]);}else{$('#cs-title-'+el.id).css('opacity',0);}};$.appereance=function(el,sid){$('.cs-'+el.id).attr('href',links[el.id][imagePos[el.id]]).attr('target',linksTarget[el.id][imagePos[el.id]]);if(squarePos[el.id]==params[el.id].spw*params[el.id].sph){clearInterval(appInterval[el.id]);return;}
$('#cs-'+el.id+sid).css({opacity:0,'background-image':'url('+images[el.id][imagePos[el.id]]+')'});$('#cs-'+el.id+sid).animate({opacity:1},300);squarePos[el.id]++;};$.setNavigation=function(el){$(el).append("<div id='cs-navigation-"+el.id+"'></div>");$('#cs-navigation-'+el.id).hide();$('#cs-navigation-'+el.id).append("<a href='#' id='cs-prev-"+el.id+"' class='cs-prev'>prev</a>");$('#cs-navigation-'+el.id).append("<a href='#' id='cs-next-"+el.id+"' class='cs-next'>next</a>");$('#cs-prev-'+el.id).css({'position':'absolute','top':params[el.id].height/2-15,'left':0,'z-index':1001,'line-height':'30px','opacity':params[el.id].opacity}).click(function(e){e.preventDefault();$.transition(el,'prev');$.transitionCall(el);}).mouseover(function(){$('#cs-navigation-'+el.id).show()});$('#cs-next-'+el.id).css({'position':'absolute','top':params[el.id].height/2-15,'right':0,'z-index':1001,'line-height':'30px','opacity':params[el.id].opacity}).click(function(e){e.preventDefault();$.transition(el);$.transitionCall(el);}).mouseover(function(){$('#cs-navigation-'+el.id).show()});$("<div id='cs-buttons-"+el.id+"' class='cs-buttons'></div>").appendTo($('#coin-slider-'+el.id));for(k=1;k<images[el.id].length+1;k++){$('#cs-buttons-'+el.id).append("<a href='#' class='cs-button-"+el.id+"' id='cs-button-"+el.id+"-"+k+"'>"+k+"</a>");}
$.each($('.cs-button-'+el.id),function(i,item){$(item).click(function(e){$('.cs-button-'+el.id).removeClass('cs-active');$(this).addClass('cs-active');e.preventDefault();$.transition(el,i);$.transitionCall(el);})});$('#cs-navigation-'+el.id+' a').mouseout(function(){$('#cs-navigation-'+el.id).hide();params[el.id].pause=false;});$("#cs-buttons-"+el.id).css({'left':'50%','margin-left':-images[el.id].length*15/2-5,'position':'relative'});}
$.effect=function(el){effA=['random','swirl','rain','straight'];if(params[el.id].effect=='')
eff=effA[Math.floor(Math.random()*(effA.length))];else
eff=params[el.id].effect;order[el.id]=new Array();if(eff=='random'){counter=0;for(i=1;i<=params[el.id].sph;i++){for(j=1;j<=params[el.id].spw;j++){order[el.id][counter]=i+''+j;counter++;}}
$.random(order[el.id]);}
if(eff=='rain'){$.rain(el);}
if(eff=='swirl')
$.swirl(el);if(eff=='straight')
$.straight(el);reverse[el.id]*=-1;if(reverse[el.id]>0){order[el.id].reverse();}}
$.random=function(arr){var i=arr.length;if(i==0)return false;while(--i){var j=Math.floor(Math.random()*(i+1));var tempi=arr[i];var tempj=arr[j];arr[i]=tempj;arr[j]=tempi;}}
$.swirl=function(el){var n=params[el.id].sph;var m=params[el.id].spw;var x=1;var y=1;var going=0;var num=0;var c=0;var dowhile=true;while(dowhile){num=(going==0||going==2)?m:n;for(i=1;i<=num;i++){order[el.id][c]=x+''+y;c++;if(i!=num){switch(going){case 0:y++;break;case 1:x++;break;case 2:y--;break;case 3:x--;break;}}}
going=(going+1)%4;switch(going){case 0:m--;y++;break;case 1:n--;x++;break;case 2:m--;y--;break;case 3:n--;x--;break;}
check=$.max(n,m)-$.min(n,m);if(m<=check&&n<=check)
dowhile=false;}}
$.rain=function(el){var n=params[el.id].sph;var m=params[el.id].spw;var c=0;var to=to2=from=1;var dowhile=true;while(dowhile){for(i=from;i<=to;i++){order[el.id][c]=i+''+parseInt(to2-i+1);c++;}
to2++;if(to<n&&to2<m&&n<m){to++;}
if(to<n&&n>=m){to++;}
if(to2>m){from++;}
if(from>to)dowhile=false;}}
$.straight=function(el){counter=0;for(i=1;i<=params[el.id].sph;i++){for(j=1;j<=params[el.id].spw;j++){order[el.id][counter]=i+''+j;counter++;}}}
$.min=function(n,m){if(n>m)return m;else return n;}
$.max=function(n,m){if(n<m)return m;else return n;}
this.each(function(){init(this);});};$.fn.coinslider.defaults={width:565,height:290,spw:7,sph:5,delay:3000,sDelay:30,opacity:0.7,titleSpeed:500,effect:'',navigation:true,links:t rue,hoverPause:true};})(jQuery);


и есть такой файл coin-slider-styles.css

Code
/*

  Coin Slider jQuery plugin CSS styles

  http://workshop.rs/projects/coin-slider

*/

.coin-slider { overflow:hidden; zoom:1; position:relative;}

.coin-slider a{ text-decoration:none; outline:none; border:none;}

/* buttons for switching */

.cs-buttons { font-size:0px; margin:-390px 0 0; padding:10px; float:left;}

.cs-buttons a { margin:0 3px; width:9px; height:9px; float:left; background:url(/images/slide_p.png) no-repeat left top; color:#fff; text-indent:-10000px;}

.cs-buttons a.cs-active { background:url(/images/slide_a.png) no-repeat left top; color:#fff;}

/* text in slider */

.cs-title { padding:12px 30px; width:900px; font-size:12px; font-weight:normal; line-height:1.8em; color:#dbdbdb; background:url(/images/overlay.png) repeat left top;}

.cs-title big { font-size:18px; font-weight:bold; line-height:1.8em; color:#fff;}

/* buttons Next and Prew */

.cs-prev,  

.cs-next { background:url(/images/overlay.png) repeat left top; color:#fff; padding:0px 10px;}



я могу вообще весь шаблон кинуть он паблик... мы решили переделать его для танцевального комплекса!
EgorKruglikov
Сообщений: 414
Репутация: 150

Сообщение # 459 | 11:51:30
asdas9666, JS. По всей видимости последнее:
Code
{width:565,height:290,spw:7,sph:5,delay:3000,sDelay:30,opacity:0.7,titleSpeed:500,effect:'',navigation:true,links:true,hoverPause:true};})(jQuery);

Консультация по системе uCoz - разработка скриптов, настройка сайта.
asdas9666
Сообщений: 8
Репутация: 0
Уровень замечаний:

Сообщение # 460 | 11:52:49
Zard , круто молодец держи репу, а ты уже поставил на 5 сек?!!!
EgorKruglikov
Сообщений: 414
Репутация: 150

Сообщение # 461 | 11:56:17
asdas9666,
Quote
width: 565 // ширина слайдера
height: 290 // высота слайдера
spw: 7 // количество частей по ширине
sph: 5 // количество частей по высоте
delay: 3000 // задержка между сменой слайдов
sDelay: 30 // задержка между "затуханием" частей
opacity: 0.7 // прозрачность описания и навигационных кнопок
titleSpeed: 500 // скорость "проявления" блока описания
effect: '' // эффект перехода (random, swirl, rain, straight)
navigation: true // кнопки навигации (отображаются/не отображаются)
links : true // сделать изображения ссылками
hoverPause: true // остановка слайдшоу при наведении мыши

Консультация по системе uCoz - разработка скриптов, настройка сайта.
asdas9666
Сообщений: 8
Репутация: 0
Уровень замечаний:

Сообщение # 462 | 12:05:51
круто всё помогло!!
ROLF116RUS
Сообщений: 44
Репутация: 0

Сообщение # 463 | 20:50:54
Здрасте! У меня проблема, создал шаблон для своего сайта и хотелось бы чтобы блоки были скреплены как бы с футером, но моих знаний не хватает, я им давал минимальную высоту и все норм но при малом тексте из-за высот сторон для блоков у меня остается много места лишнего и не красиво.


Помогите мне T.T
Сайт http://for-gamer.ru/

Сообщение отредактировал Zard - Суббота, 21 Июл 2012, 21:16:22
EgorKruglikov
Сообщений: 414
Репутация: 150

Сообщение # 464 | 21:20:30
ROLF116RUS, так? http://grab.by/eUeO

Code
#spacer {
height: 60px;

Консультация по системе uCoz - разработка скриптов, настройка сайта.
ROLF116RUS
Сообщений: 44
Репутация: 0

Сообщение # 465 | 22:53:01
Нет, вы не поняли, мне нужно что бы правая строна #left и #right были максимально приближены к footer и не зависимо от блока #center

Добавлено (21-Июл-2012, 22:53:01)
---------------------------------------------
Спасибо! Сам справился, с меня все равно + в репу за то что обратили внимание на мой сайт, я просто сделал цвет блока #wraper общий с первым и вторыи блоком #272727 ну и у меня получилось так:


Поиск:
Telegram
Будьте в курсе всех обновлений: подпишитесь на наш официальный Telegram-канал uCoz и задавайте вопросы в чате сообщества!