Перейти к содержимому


Фотография
- - - - -

Единый формат изображения для всех экранов


  • Закрытая тема Тема закрыта
Сообщений в теме: 7

#1 Оффлайн   lbdq

    Активный


  • Пользователи
  • Репутация
    0
    • Cообщений: 173
    • Форум:3.4.х

Отправлено 18 Январь 2013 - 22:53

Как сделать так,а точнее какой код нужно вставить для того чтобы,все изображения на всех экранах отображались одинаково

Вот сюда мне нужно вставить этот код:

 

script type='text/javascript' src='{style_images_url}/js/jquery-1.6.2.min.js'></script>
<script src="{style_images_url}/js/slides.min.jquery.js"></script>
 
                <script type='text/javascript'>
 
                        jQuery.noConflict();
 
                        jQuery(document).ready(function($){
 
                                $('#slides').slides({
 
                                        preload: true,
 
                                        preloadImage: '{style_images_url}/images/loading.gif',
 
                                        play: 5000,
 
                                        pause: 2500,
 
                                                                                pagination: false,
 
                                                                                generatePagination: false,
 
                                        hoverPause: true,
 
                                        animationStart: function(current){
					$('.caption').animate({
						bottom:0,
						right: 95,
						opacity: 0
					},200);
				},
				animationComplete: function(current){
					$('.caption').animate({
						bottom:35,
						right: 95,
						opacity: 1
					},200);
				},
				slidesLoaded: function() {
					$('.caption').animate({
						bottom:35,
						right: 95,
						opacity: 1
					},200);
				}
			});
		});
	
	</script>


<style>
/* Make it work!! */

#slider {
width: 578px; 
margin: -2px 0 0 0px;
height: 120px;
padding-top: 0px;
float:left;
}

#example {
width:680px;
height:120px;
position:relative;
}

#ribbon {
position:absolute;
top:0px;
left:0px;
z-index:500;
}

#frame {
position:absolute;
z-index:0;
width:680px;
height:130px;
top:-5px;
left:-5px;
}

#slides {
position:absolute;
top:0px;
left:0px;
z-index:60;
}

.slides_container {
width:780px;
overflow:hidden;
position:relative;
display:none;
}

.slides_container div.slide {
width:578px;
height:120px;
display:block;
}

.caption {
z-index:500;
width:350px;
background:#000;
background:rgba(0,0,0,.5);
padding: 10px 20px;
text-shadow: 0 1px 1px rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 0 2px 2px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 0 2px 2px rgba(0,0,0,0.1);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}

.caption h1 {
margin: 0;
padding: 10px 30px;
font-size: 14px;
text-transform: uppercase;
background: rgba(255,0,0,.5);
font-weight: normal;
}

.caption a {
color:#fff;
text-decoration:none;
}

.caption a:hover {
color: #528f6c;
text-decoration:none;
}
</style>


 
<div id='slider' align='center'>
 
<div id="example"><img src="{style_images_url}/images/corner.png" width="72" height="72" alt="" id="ribbon">
 
                        <div id="slides">
 
                                <div class="slides_container">
 
                                        <div class="slide">
 
                                                <a href="url Link to post here" title="Перейти" target="_blank"><img src="{style_images_url}/images/slide-1.jpg" alt="Slide 1"></a>
 
                                                <div class="caption">
                                            
                                                      
 
                                                </div>
 
                                        </div>
 
                                        <div class="slide">
 
                                                <a href="url Link to post here" title="Перейти" target="_blank"><img src="{style_images_url}/images/slide-2.jpg" alt="Slide 2"></a>
 
                                                <div class="caption" >
 
                                                      
 
                                                </div>
 
                                        </div>
 
                                         <div class="slide">
 
                                                <a href="url Link to post here" title="Перейти" target="_blank"><img src="{style_images_url}/images/slide-3.jpg" alt="Slide 3"></a>
 
                                                <div class="caption" style="bottom:0">
 
                                                     
 
                                                </div>
 
                                        </div>
 
                                        <div class="slide">
 
                                                <a href="url Link to post here" title="Перейти" target="_blank"><img src="{style_images_url}/images/slide-4.jpg" alt="Slide 4"></a>
 
                                                <div class="caption">
 
                                                     
 
                                                </div>
 
                                        </div>
 
                                        <div class="slide">
 
                                                <a href="url Link to post here" title="Перейти" target="_blank"><img src="{style_images_url}/images/slide-5.jpg" alt="Slide 5"></a>
 
                                                <div class="caption">
 
                                                        <a href="http://skyblack.vv.si">SkyBlack</a>
 
                                                </div>
 
                                        </div>

                                        <div class="slide">
 
                                                <a href="url Link to post here" title="Перейти" target="_blank"><img src="{style_images_url}/images/slide-6.jpg" alt="Slide 6"></a>
 
                                                <div class="caption">
 
                                                        <a href="http://skyblack.vv.si">SkyBlack</a>
 
                                                </div>
 
                                        </div>

                                        <div class="slide">
 
                                                <a href="url Link to post here" title="Перейти" target="_blank"><img src="{style_images_url}/images/slide-7.jpg" alt="Slide 7"></a>
 
                                                <div class="caption">
 
                                                        <a href="http://skyblack.vv.si">SkyBlack</a>
 
                                                </div>
 
                                        </div>

                                        <div class="slide">
 
                                                <a href="url Link to post here" title="Перейти" target="_blank"><img src="{style_images_url}/images/slide-8.jpg" alt="Slide 8"></a>
 
                                                <div class="caption">
 
                                                        <a href="http://skyblack.vv.si">SkyBlack</a>
 
                                                </div>
 
                                        </div>
                                   
                                        <div class="slide">
 
                                                <a href="url Link to post here" title="Перейти" target="_blank"><img src="{style_images_url}/images/slide-9.jpg" alt="Slide 9"></a>
 
                                                <div class="caption">
 
                                                        <a href="http://skyblack.vv.si">SkyBlack</a>
 
                                                </div>
 
                                        </div>

                                        
 
                                </div>
 
                        </div>
 <!--<img src="{style_images_url}/images/bannerBox.png" alt="Example Frame" id="frame">-->
                </div>
</div>

 

 



Заработок и обучение заработку

#2 Оффлайн   ..ツ⋆WOLF⋆ツ..

    Гуру


  • Модераторы
  • Репутация
    1 799
    • Cообщений: 8 169
    • Форум:3.4.х
    • Город:Казань

Отправлено 18 Январь 2013 - 23:00

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



#3 Оффлайн   lbdq

    Активный


  • Пользователи
  • Репутация
    0
    • Cообщений: 173
    • Форум:3.4.х

Отправлено 18 Январь 2013 - 23:10

По этому я и пришел,чтобы спросить,КАК ЭТО СДЕЛАТЬ???!



#4 Оффлайн   ..ツ⋆WOLF⋆ツ..

    Гуру


  • Модераторы
  • Репутация
    1 799
    • Cообщений: 8 169
    • Форум:3.4.х
    • Город:Казань

Отправлено 18 Январь 2013 - 23:17

http://ipbzona.ru/to...ирина#entry5282

 

поиск в помощь, и истерить тут не надо



#5 Оффлайн   lbdq

    Активный


  • Пользователи
  • Репутация
    0
    • Cообщений: 173
    • Форум:3.4.х

Отправлено 18 Январь 2013 - 23:25

Нужно найти в ipb_styles.css:

 

/* LAYOUT */
.wrapper{
margin: 0 auto;
min-width: 990px;
max-width: 1600px;
width: 87%;
}

А вот что у меня там:

 


/* LAYOUT */
#content, .main_width {
margin: 0 auto;
    width: 925px;
}
 
#branding, #header_bar { min-width: 980px; }
/*#header_bar .main_width, #branding .main_width, #primary_nav .main_width { padding: 0 10px; }*/
 
 
#content {
background: #0c0c0c;
padding: 20px 20px;
line-height: 120%;
        border:1px solid #212121;
        -webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;  
}
 
 

Сообщение отредактировал lbdq: 18 Январь 2013 - 23:25


#6 Оффлайн   ..ツ⋆WOLF⋆ツ..

    Гуру


  • Модераторы
  • Репутация
    1 799
    • Cообщений: 8 169
    • Форум:3.4.х
    • Город:Казань

Отправлено 18 Январь 2013 - 23:27

вот и меняйте значение 

 width: 925px;

 

на более меньшее 

или можете заменить его на:

 width: 50%;

 

отрегулировав число %



#7 Оффлайн   lbdq

    Активный


  • Пользователи
  • Репутация
    0
    • Cообщений: 173
    • Форум:3.4.х

Отправлено 18 Январь 2013 - 23:42

Поменял,спасибо!

Только 50% это мало,все темы сжались а половино вообще не влезло.Поставил 90%



#8 Оффлайн   ..ツ⋆WOLF⋆ツ..

    Гуру


  • Модераторы
  • Репутация
    1 799
    • Cообщений: 8 169
    • Форум:3.4.х
    • Город:Казань

Отправлено 18 Январь 2013 - 23:57

Поменял,спасибо!

Только 50% это мало,все темы сжались а половино вообще не влезло.Поставил 90%

это было для примера.