Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Корзина » Общие вопросы по оформлению (39)


Общие вопросы по оформлению (39)

Сообщений 21 страница 40 из 995

21

Deff
спасибо! получилось) остальное все подправила под размер)

Если подскажете как теперь желто-зеленую панельку вплотную к самому форуму поставить, буду очень признательна!
<style>#pun_wrap {background-image: url("http://funkyimg.com/u2/1078/949/328373panelka-test.png"); background-repeat: no-repeat; background-position: left top ; }
</style>

я пыталась изменить, фиолетовые координаты, не помогло(

0

22

авакадо написал(а):

я сделала что-то не то и фон форума исчез.

Замените Вот Эту часть, на нижеприведённую, в Первом Окне Стиля:

/**************************************************************
A - SETUP
**************************************************************/
/* A1 Import the colour scheme
-------------------------------------------------------------*/
/* A1.1 */
  @import url(style_cs.css);

+1

23

see you написал(а):

Если подскажете как теперь желто-зеленую панельку вплотную

Замените HTML верх

Код:
<style type="text/css">
HTML, BODY {background-color: #080b0d;}
</style>
<img src="http://funkyimg.com/u2/1078/932/408338shapka-test.png" style="margin: center;">
 <style>
#pun{
margin:0 auto;
background-color: #A3D8EE;
}

<style>
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}

#pun-stats h2 span{
visibility: hidden;
}
</style>

<div style="background-position:bottom center;background-image: url(http://funkyimg.com/u2/1078/949/328373panelka-test.png);position:absolute; top:200px; left:-250px; height:390px;width:220px;padding:12px; border: 1px solid transperent; letter-spacing: -1px; text-align: center;color:#000;" >
Здесь когда-нибудь будет вступительный текст и еще куча слов, а пока надо было просто чем-то заполнить пустое место и бла-бла-бла
</div>

Отступ сверху - крутим вот эту цифру

078/949/328373panelka-test.png);position:absolute; top:200px; left:-250px;

Отредактировано Deff (Чт, 8 Дек 2011 12:55:02)

+1

24

Deff
Спасибо! А как сместить вправо?

0

25

авакадо написал(а):

Спасибо! А как сместить вправо?

Пробуйте так

body{padding-left:132px;)

+1

26

Deff
Ура!) спасибо огромное) все получилось)
поробую с последним вопросом сама разобраться, надеюсь получится)

Отредактировано see you (Чт, 8 Дек 2011 13:25:49)

0

27

Здравствуйте еще разок (:
Я по поводу рамок, да и вообще. Я хочу сделать фон форума, как пергамент с красивыми краями. Но чтобы не сам форум ездил, а ездил вместе с "пергаментом"
http://uploads.ru/i/F/s/I/FsINV.png
ссылка на сайт

Отредактировано Susy (Чт, 8 Дек 2011 15:04:41)

0

28

здравствуйте)
в коде   #pun-main h2 {background-image : url(http://); height: 80px}  height отвечает за высоту, и, если его значение меньше высоты изображения, то изображение урезается. но оно же отвечает и за расстояние меж категориями. можно ли как-то увеличить по высоте изображение, не увеличивая место меж категориями? понимаю, что изъясняюсь коряво, надеюсь, изображение прояснит:
было

http://uploads.ru/t/p/F/4/pF4TG.jpg

нужно

http://uploads.ru/t/N/6/L/N6LJ2.jpg

форум

Отредактировано .roro (Чт, 8 Дек 2011 15:59:45)

0

29

Susy написал(а):

чтобы не сам форум ездил, а ездил вместе с "пергаментом"

#pun {
  background-image:url(Ccылка на картинку);
  background-position:center top; /*Начальная позиция*/
  background-repeat:repeat-y; /*Размножение по ветрикали - стыкуйте края*/
}

0

30

.roro В HTML верх - или в конец первого Окна стиля - без тегов

<style>
#pun-index .category h2{
margin-top:-30px;
height: 50px;
padding-top:30px;
}
</style>

+1

31

Deff, волшебство) спасибо большое.
и еще один момент: работает ли полупрозрачность рекламы?

0

32

.roro написал(а):

и еще один момент: работает ли полупрозрачность рекламы?

Неть - опять переделали ( может rps сподобицо чо нидь изобрести

0

33

Deff, жаль, спасибо

0

34

Здравствуйте.
Скажите, где можно взять готовые css стили?

Отредактировано Steisye* (Чт, 8 Дек 2011 20:07:33)

0

35

Steisye* написал(а):

Здравствуйте.
Скажите, где можно взять готовые css коды?

:glasses: Если стиль - попробуйте этот => Общие вопросы по оформлению (35) пост 149

0

36

Deff написал(а):

HTML В ПОСТАХ пост 84

Дефф, что то я туплю. нифиГА не понял

0

37

Дефф, я взял скрипт отсюда сайт
Поставил его тут в объявлении тест, однако фотки нужно подгонять по размерам.
Возможно ли выставить авто-размер, что бы фото автоматически перестраивалось под установленный размер и показывало его одинаково на всех мониторах.

0

38

Доброй ночи,
подскажите, как изменить шрифт в меню форума (участники, форум, поиск и т.д.)
http://tale.rolka.su/

0

39

О__о хотела поменять расстояние между ссылками участники и Форум и полетел стиль http://anime6bb.webtalk.ru/

Значения вернула обратно, но стиль так и не восстановился О__о ничего не могу понять

0

40

ganibal написал(а):

Возможно ли выставить авто-размер, что бы фото автоматически перестраивалось под установленный размер и показывало его одинаково на всех мониторах.

По ширине можно - но пропорции пытайсо сохранять ( по двум параметрам если ужать - будут искажения
Пробуй заменить код

Код:
<!-- DEMO -->
<style>/* объява */
#slideShowContainer{
	width:310px;
	padding:20px 0;
	height:250px;
	position:relative;
	z-index:1000;
	margin-left:10px;
}
#slideShow{
	position:absolute;
	height:250px;
	width:300px;
	background-color:#fff;
	margin:8px 0 0 10px;
	z-index:100;
	-moz-box-shadow:0 0 10px #111;
	-webkit-box-shadow:0 0 10px #111;
	box-shadow:0 0 10px #111;
}
#pictures { position: relative; height: 180px; }
#pictures img {width:278px;height:auto;position: absolute; top: 0; left: 0; margin: 10px 0 0 10px;}
#slideShowContainer > a{
	border:none;
	text-decoration:none;
	text-indent:-99999px;
	overflow:hidden;
	width:36px;
	height:37px;
	background:url('http://forumupload.ru/uploads/0007/e3/f7/64535-1.png') no-repeat;
	position:absolute;
	top:50%;
	margin-top:-21px;
}
#previousLink{left:-22px;}
#previousLink:hover{	background-position:bottom left;}
a#nextLink{right:-32px;background-position:top right;}
#nextLink:hover{background-position:bottom right;}
</style>
<center>
<div id="slideShowContainer">
    <div id="slideShow">
    	<div id="pictures">
    	

<center><img src="http://s017.radikal.ru/i410/1112/ad/1b5d88bb0f62.jpg" width="284"></center>
<img src="http://s017.radikal.ru/i416/1112/ab/7a29e3480e5e.jpg" width="284">
<img src="http://s014.radikal.ru/i326/1112/0c/dcacf7e94ccf.jpg" width="284">
<img src="http://s017.radikal.ru/i412/1112/66/abf5d1907b1e.jpg" width="284">
<img src="http://s017.radikal.ru/i409/1112/3a/91d0d84de34b.jpg" width="284">
<img src="http://s017.radikal.ru/i401/1112/df/c265aea3d847.jpg" width="284">
   
 	
 </div>
    </div>
    <a id="previousLink" href="#">&raquo;</a>
    <a id="nextLink" href="#">&laquo;</a>
</div></center>
<!-- галерейка -->
<script>
$(document).ready(function() { 
  var z = 0;
  var inAnimation = false;
  $('#pictures img').each(function() { 
    z++;
    $(this).css('z-index', z);
    });
  function swapFirstLast(isFirst) {
    if(inAnimation) return false;
    else inAnimation = true;
    var processZindex, direction, newZindex, inDeCrease;
    if(isFirst) { processZindex = z; direction = '-'; newZindex = 1; inDeCrease = 

1; }
    else { processZindex = 1; direction = ''; newZindex = z; inDeCrease = -1; }
  $('#pictures img').each(function() {
    if($(this).css('z-index') == processZindex) { 
       $(this).animate({ 'top' : direction + $(this).height() + 'px' }, 'slow', 

function() {
       $(this).css('z-index', newZindex) 
        .animate({ 'top' : '0' }, 'slow', function() { 
           inAnimation = false; 
            });
         });
       }
    else { 
       $(this).animate({ 'top' : '0' }, 'slow', function() {                      
         $(this).css('z-index', parseInt($(this).css('z-index')) + inDeCrease);
          });
       }

    });
    return false;
   }
   $('#previousLink').click(function() {
    return swapFirstLast(false);
   });
   $('#nextLink').click(function() {
    return swapFirstLast(true);
   });
 });
</script>

0


Вы здесь » Единый форум поддержки » Корзина » Общие вопросы по оформлению (39)