• Страница 1 из 1
  • 1
Модератор форума: dotbot  
Сообщество uCoz » Архивариус » Корзина » Оформление (Дизайн,слайдшоу)
Оформление
NewMatrixx
Сообщений: 34
Репутация: 0

Сообщение # 1 | 16:09:26
Прошу помощи , Слайдшоу ,который перелистывается нажатием круглишочка на сайте, каким образом можно вставить туда свою картинку
http://uzhollywood.ucoz.ru/ . Картинку с "двумя человечками в очках в кинотеатре" хочу заменить?
Дядька
Сообщений: 105
Репутация: 17

Сообщение # 2 | 21:46:49
Цитата
<!-- </header> --> <div class="slider-row"> <div class="cap"></div> <div class="cont-wrap"> <div class="slider pattern" id="camera_wrap"> <div data-src="http://uzhollywood.ucoz.ru/jacson1111.jpg"> <div class="camera_caption fadeFromLeft"> <h2 class="slide-ttl">Шоу Джексонов</h2> <div class="slide-descr"> Прекрасно скроенные, оригинальные костюмы, подчеркивающие стиль короля поп-музыки Майкла Джексона</div> <a href="#" class="btn-lnk dark-gr">watch online</a> </div> <div class="fadeIn camera_effected slide-inner-b"></div> </div> <div data-src="http://uzhollywood.ucoz.ru/Lazer.jpg"> <div class="camera_caption fadeFromLeft"> <h2 class="slide-ttl">Шоу Lazerman</h2> <div class="slide-descr">Лазермэн управляет лучами при помощи рук, преломляя лазеры, отрывая их от земли, а также создает подвижные обьемные фигуры.</div> <a href="#" class="btn-lnk dark-gr">watch online</a> </div> <div class="fadeIn camera_effected" style="position: absolute;"></div> </div> </div> </div>


красным выделено, какие картинки менять

Продвижение сайтов
Сообщение отредактировал Дядька - Вторник, 07 Окт 2014, 22:03:24
NewMatrixx
Сообщений: 34
Репутация: 0

Сообщение # 3 | 11:01:01
Дядька. Благодарю.ты умеешь выручать.Единственное теперь не могу разобраться как добавлять в слайдшоу эти перескакивающие картинки, в данном случае 2 картинки можно вставить а мне надобно 7 таких слайдшоу и снизу СООТВЕТСТВЕННО появятся 7 таких зелёных точек. Я прошу помочь с этой возникшей неурядицей, ТО ЕСТЬ КАКИЕ КОДЫ НАДО ПРОПИСАТЬ. ПОМОГИТЕ help , ЛЮДИ ДОБРЫЕ ИЛИ ДЯДЯ ДОБРЫЙ САЙТ http://uzhollywood.ucoz.ru/
Yuri_G
uWeb support
uVip manager
Сообщений: 4336
Репутация: 943

Сообщение # 4 | 11:45:26
Цитата NewMatrixx ()
в данном случае 2 картинки можно вставить а мне надобно 7 таких слайдшоу и снизу СООТВЕТСТВЕННО появятся 7 таких зелёных точек.
делается это очень легко, перейти в Панель управления - Главная - Дизайн - Управление дизайном(шаблоны) - Страницы сайта, далее найти код:
Код
<?if($URI_ID$="page1")?>
<div class="slider-row">
    <div class="cap"></div>
    <div class="cont-wrap">
            <div class="slider pattern" id="camera_wrap">
                <div data-src="/.s/t/1051/slide1.jpg">
                    <div class="camera_caption fadeFromLeft">
                        <h2 class="slide-ttl">Lorem Ipsum is simply</h2>
                        <div class="slide-descr">printing and typesetting industry. Lorem Ipsum has been the  
    industry's standard dummy text ever since the 1500s, when an
    unknown printer took a galley of type and scrambled it to</div>
    <a href="#" class="btn-lnk dark-gr">watch online</a>
                       </div>
                       <div class="fadeIn camera_effected slide-inner-b"></div>
                   </div>
            
                    <div data-src="/.s/t/1051/slide2.jpg">
                       <div class="camera_caption fadeFromLeft">
                             <h2 class="slide-ttl">Lorem Ipsum is simply</h2>
                           <div class="slide-descr">printing and typesetting industry. Lorem Ipsum has been the  
    industry's standard dummy text ever since the 1500s, when an
    unknown printer took a galley of type and scrambled it to</div>
    <a href="#" class="btn-lnk dark-gr">watch online</a>
                </div>
                <div class="fadeIn camera_effected" style="position: absolute;"></div>
                     
                </div>  
            </div>
    </div>

    <div class="cap"></div>
</div>
<?endif?>
Чтобы добавить новые слайды делаем следующее:
Цитата
<?if($URI_ID$="page1")?>
<div class="slider-row">
<div class="cap"></div>
<div class="cont-wrap">
<div class="slider pattern" id="camera_wrap">
<div data-src="/.s/t/1051/slide1.jpg">
<div class="camera_caption fadeFromLeft">
<h2 class="slide-ttl">Lorem Ipsum is simply</h2>
<div class="slide-descr">printing and typesetting industry. Lorem Ipsum has been the
industry's standard dummy text ever since the 1500s, when an
unknown printer took a galley of type and scrambled it to</div>
<a href="#" class="btn-lnk dark-gr">watch online</a>
</div>
<div class="fadeIn camera_effected slide-inner-b"></div>
</div>


<div data-src="/.s/t/1051/slide1.jpg">
<div class="camera_caption fadeFromLeft">
<h2 class="slide-ttl">Lorem Ipsum is simply</h2>
<div class="slide-descr">printing and typesetting industry. Lorem Ipsum has been the
industry's standard dummy text ever since the 1500s, when an
unknown printer took a galley of type and scrambled it to</div>
<a href="#" class="btn-lnk dark-gr">watch online</a>
</div>
<div class="fadeIn camera_effected slide-inner-b"></div>
</div>

<div data-src="/.s/t/1051/slide1.jpg">
<div class="camera_caption fadeFromLeft">
<h2 class="slide-ttl">Lorem Ipsum is simply</h2>
<div class="slide-descr">printing and typesetting industry. Lorem Ipsum has been the
industry's standard dummy text ever since the 1500s, when an
unknown printer took a galley of type and scrambled it to</div>
<a href="#" class="btn-lnk dark-gr">watch online</a>
</div>
<div class="fadeIn camera_effected slide-inner-b"></div>
</div>

<div data-src="/.s/t/1051/slide1.jpg">
<div class="camera_caption fadeFromLeft">
<h2 class="slide-ttl">Lorem Ipsum is simply</h2>
<div class="slide-descr">printing and typesetting industry. Lorem Ipsum has been the
industry's standard dummy text ever since the 1500s, when an
unknown printer took a galley of type and scrambled it to</div>
<a href="#" class="btn-lnk dark-gr">watch online</a>
</div>
<div class="fadeIn camera_effected slide-inner-b"></div>
</div>

<div data-src="/.s/t/1051/slide1.jpg">
<div class="camera_caption fadeFromLeft">
<h2 class="slide-ttl">Lorem Ipsum is simply</h2>
<div class="slide-descr">printing and typesetting industry. Lorem Ipsum has been the
industry's standard dummy text ever since the 1500s, when an
unknown printer took a galley of type and scrambled it to</div>
<a href="#" class="btn-lnk dark-gr">watch online</a>
</div>
<div class="fadeIn camera_effected slide-inner-b"></div>
</div>

<div data-src="/.s/t/1051/slide1.jpg">
<div class="camera_caption fadeFromLeft">
<h2 class="slide-ttl">Lorem Ipsum is simply</h2>
<div class="slide-descr">printing and typesetting industry. Lorem Ipsum has been the
industry's standard dummy text ever since the 1500s, when an
unknown printer took a galley of type and scrambled it to</div>
<a href="#" class="btn-lnk dark-gr">watch online</a>
</div>
<div class="fadeIn camera_effected slide-inner-b"></div>
</div>


<div data-src="/.s/t/1051/slide2.jpg">
<div class="camera_caption fadeFromLeft">
<h2 class="slide-ttl">Lorem Ipsum is simply</h2>
<div class="slide-descr">printing and typesetting industry. Lorem Ipsum has been the
industry's standard dummy text ever since the 1500s, when an
unknown printer took a galley of type and scrambled it to</div>
<a href="#" class="btn-lnk dark-gr">watch online</a>
</div>
<div class="fadeIn camera_effected" style="position: absolute;"></div>

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

<div class="cap"></div>
</div>
<?endif?>
Выделенное красным это и есть наши новые слайды, думаю понятно как добавить дополнительные слайды, а далее изображения меняем на свои и соответственно свое описание.

NewMatrixx
Сообщений: 34
Репутация: 0

Сообщение # 5 | 13:28:17
БЕЗМЕРНО БЛАГОДАРЕН!!! У МЕНЯ ЕЩЁ ЕСТЬ ВОПРОСИКИ на которые так полагаю у вас так полагаю тоже есть ОТВЕТЫ. Позже отпишусь. А пока ВСЁ ПОЛУЧИЛОСЬ в плане добавления СЛАЙДОВ!
Сообщество uCoz » Архивариус » Корзина » Оформление (Дизайн,слайдшоу)
  • Страница 1 из 1
  • 1
Поиск: