как в вебасист сделать окно чтобы ездило с полосой прокруткой?

[mbumba]

2)как вставить какртинку в определенное место

найдите этот кусок в том что вам выложили

<span lang="ru">Сюда можете вставить все что угодно :)<br />
Даже форму!</span>

и вставьте

<img src='...'>

если указать для этого тэга style='position:absolute;top:Ypx;left:Xpx;' то можно выровнять эту картинку относительно текста как угодно.

 

[Pal]

a:hover{padding-left:10px}

а куда вставлять в стили?

вставляю так:
.slide-out-div {
padding: 10px;
width: 250px;
background: #f2f2f2;
border: #29216d 2px solid;
a:hover (padding-left:10px);
}

и так:
.slide-out-div {
padding: 10px;
width: 250px;
background: #f2f2f2;
border: #29216d 2px solid;
a:hover {padding-left:10px};
}

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

 

[sirotka]

а куда вставлять в стили?
вставляю так:
.slide-out-div {
padding: 10px;
width: 250px;
background: #f2f2f2;
border: #29216d 2px solid;
a:hover (padding-left:10px);
}
и так:
.slide-out-div {
padding: 10px;
width: 250px;
background: #f2f2f2;
border: #29216d 2px solid;
a:hover {padding-left:10px};
}
никак не работает - будьте любезны - подскажите пожалуйста, как и куда вставлять

В любое место

Я же писал!

Редактор дизайна » Редактирование темы » Стили(CSS)
Вставляем наши стили))) Сохранить

 

[Pal]

В любое место
Я же писал!

или я вас не понял или вы меня
у меня все работает, но хочется чтобы окно открывалось от наведения курсора мыши а сейчас работает что только после того как нажму мышью на картинке- контакты, окно раздвигается.
подсказали вставить
a:hover{padding-left:10px}
а куда - не понятно
подскажите пожалуйста

 

[sirotka]

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

 

[Pal]

*** скрытое содержание ***

так не работает при наведении картинка контактов уходит в лево (видимо как раз на указанные 10px), но открывается полностью только после нажатия

 

[Pal]

так не работает при наведении картинка контактов уходит в лево (видимо как раз на указанные 10px), но открывается полностью только после нажатия

ну что без вариантов?

 

[drawing4]

ну что без вариантов?

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.

 

[Pal]

благодарю все заработало
единственный нюанс пришлось 2 раза вставлять hover, ниже привожу код: вот быть пригодится кому-то:

(function($){
$.fn.tabSlideOut = function(callerSettings) {
var settings = $.extend({
tabHandle: '.handle',
speed: 300,
action: 'hover',
tabLocation: 'left',
topPos: '200px',
leftPos: '20px',
fixedPosition: false,
positioning: 'absolute',
pathToTabImage: null,
imageHeight: null,
imageWidth: null
}, callerSettings||{});

settings.tabHandle = $(settings.tabHandle);
var obj = this;
if (settings.fixedPosition === true) {
settings.positioning = 'fixed';
} else {
settings.positioning = 'absolute';
}

//ie6 doesn't do well with the fixed option
if (document.all && !window.opera && !window.XMLHttpRequest) {
settings.positioning = 'absolute';
}

//set initial tabHandle css
settings.tabHandle.css({
'display': 'block',
'width' : settings.imageWidth,
'height': settings.imageHeight,
'textIndent' : '-99999px',
'background' : 'url('+settings.pathToTabImage+') no-repeat',
'outline' : 'none',
'position' : 'absolute'
});

obj.css({
'line-height' : '1',
'position' : settings.positioning
});


var properties = {
containerWidth: parseInt(obj.outerWidth(), 10) + 'px',
containerHeight: parseInt(obj.outerHeight(), 10) + 'px',
tabWidth: parseInt(settings.tabHandle.outerWidth(), 10) + 'px',
tabHeight: parseInt(settings.tabHandle.outerHeight(), 10) + 'px'
};

//set calculated css
if(settings.tabLocation === 'top' || settings.tabLocation === 'bottom') {
obj.css({'left' : settings.leftPos});
settings.tabHandle.css({'right' : 0});
}

if(settings.tabLocation === 'top') {
obj.css({'top' : '-' + properties.containerHeight});
settings.tabHandle.css({'bottom' : '-' + properties.tabHeight});
}

if(settings.tabLocation === 'bottom') {
obj.css({'bottom' : '-' + properties.containerHeight, 'position' : 'fixed'});
settings.tabHandle.css({'top' : '-' + properties.tabHeight});

}

if(settings.tabLocation === 'left' || settings.tabLocation === 'right') {
obj.css({
'height' : properties.containerHeight,
'top' : settings.topPos
});

settings.tabHandle.css({'top' : 0});
}

if(settings.tabLocation === 'left') {
obj.css({ 'left': '-' + properties.containerWidth});
settings.tabHandle.css({'right' : '-' + properties.tabWidth});
}

if(settings.tabLocation === 'right') {
obj.css({ 'right': '-' + properties.containerWidth});
settings.tabHandle.css({'left' : '-' + properties.tabWidth});

$('html').css('overflow-x', 'hidden');
}

//functions for animation events

settings.tabHandle.click(function(event){
event.preventDefault();
});

var slideIn = function() {

if (settings.tabLocation === 'top') {
obj.animate({top:'-' + properties.containerHeight}, settings.speed).removeClass('open');
} else if (settings.tabLocation === 'left') {
obj.animate({left: '-' + properties.containerWidth}, settings.speed).removeClass('open');
} else if (settings.tabLocation === 'right') {
obj.animate({right: '-' + properties.containerWidth}, settings.speed).removeClass('open');
} else if (settings.tabLocation === 'bottom') {
obj.animate({bottom: '-' + properties.containerHeight}, settings.speed).removeClass('open');
}

};

var slideOut = function() {

if (settings.tabLocation == 'top') {
obj.animate({top:'-3px'}, settings.speed).addClass('open');
} else if (settings.tabLocation == 'left') {
obj.animate({left:'-3px'}, settings.speed).addClass('open');
} else if (settings.tabLocation == 'right') {
obj.animate({right:'-3px'}, settings.speed).addClass('open');
} else if (settings.tabLocation == 'bottom') {
obj.animate({bottom:'-3px'}, settings.speed).addClass('open');
}
};

var clickScreenToClose = function() {
obj.click(function(event){
event.stopPropagation();
});

$(document).click(function(){
slideIn();
});
};

var clickAction = function(){
settings.tabHandle.click(function(event){
if (obj.hasClass('open')) {
slideIn();
} else {
slideOut();
}
});

clickScreenToClose();
};

var hoverAction = function(){
obj.hover(
function(){
slideOut();
},

function(){
slideIn();
});

settings.tabHandle.click(function(event){
if (obj.hasClass('open')) {
slideIn();
}
});
clickScreenToClose();

};

//choose which type of action to bind
if (settings.action === 'click') {
clickAction();
}

if (settings.action === 'hover') {
hoverAction();
}
};
})(jQuery);

$(function(){
$('.slide-out-div').tabSlideOut({
tabHandle: '.handle', //class elementa
pathToTabImage: 'kontakt.gif', //put k izobraj
imageHeight: '141px', //visota
imageWidth: '40px', //width of tab image *required*
tabLocation: 'left', //side of screen where tab lives, top, right, bottom, or left
speed: 300, //speed of animation
action: 'hover', //options: 'click' or 'hover', action to trigger animation
topPos: '120px', //position from the top
fixedPosition: true //options: true/false makes it stick(fixed position) on scroll
});
});

 

[fear15]

мен нк одно сообщение