НескончаеМЫе общие вопросы от новичков (36)

Поделиться481Ср, 29 Фев 2012 20:29:03

Автор: Fairy Panz
Стремящийся
Зарегистрирован: Ср, 29 Фев 2012
Сообщений: 2
Уважение: 0
Позитив: 0
Последний визит:
Ср, 11 Апр 2012 08:34:58

Вопросец по шапке. Хочу сделать ее, но обычный скрипт меня не устраивает. А именно: если сузить размер форум, то и картинка станет меньше в ширину. Мне же нужно, чтобы шапка была шире форума, сидела поверх фона, делать ее одной картинкой с ним (фоном) не вариант - фон по моей задумке не двигается при прокрутке страницы, а шапка, как и полагается, должна "уплывать" вверх, если вниз скроллить. Есть какой-нибудь скрипт для подобного эффекта?

Ссылку на форум не скидываю, поскольку ничего еще не готово, тестил с рандомными картинками и пустым пока форумом, да и по сути нужен просто другой скрипт.

0

Поделиться482Ср, 29 Фев 2012 21:27:46

Автор: Активистка (3 уровня)
Заслуженный
Зарегистрирован: Ср, 4 Май 2011
Сообщений: 298
Уважение: -4
Позитив: +9
Пол: Женский
Предупреждения: 3)
Последний визит:
Пн, 25 Мар 2013 01:38:48

Люди, а мне помогут???? пост 476

0

Поделиться483Ср, 29 Фев 2012 21:55:45

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51423
Уважение: +15371
Позитив: +11887
Последний визит:
Сегодня 18:34:24

Fairy Panz
делаете так же как

Fairy Panz написал(а):

делать ее одной картинкой с ним (фоном) не вариант

но картинку шапки ставите не совместно на body, а на #pun_wrap, которому прописываете background-attachment:scroll; дабы двигалсо с шапкой

0

Поделиться484Ср, 29 Фев 2012 21:59:43

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51423
Уважение: +15371
Позитив: +11887
Последний визит:
Сегодня 18:34:24

Активистка (3 уровня) написал(а):

Люди, а мне помогут???? пост 476

Активистка (3 уровня) написал(а):

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

Если форум из системы mybb - дайте ссылку - в ином случае - ответ такой - майб этого не позволяет или мну не нает как это реализовать
Ранее - подобная система была и на mybb, с год как изменена

0

Поделиться485Ср, 29 Фев 2012 22:02:57

Автор: kochichiko.
Заслуженный
Зарегистрирован: Сб, 19 Июн 2010
Сообщений: 111
Уважение: +1
Позитив: +19
Последний визит:
Сб, 1 Июн 2019 22:43:03

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

Поставлю вопрос по-другому. Как зафиксировать фон, шапку, чтобы они были по центру и вверху в любых расширениях экрана вне зависимости от браузера?
имеются ли таковые css коды?

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

Deff
http://pleasepleaseme.rolka.su/

0

Поделиться486Ср, 29 Фев 2012 22:11:58

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51423
Уважение: +15371
Позитив: +11887
Последний визит:
Сегодня 18:34:24

kochichiko.
ща - ща - чуток погодите...

0

Поделиться487Ср, 29 Фев 2012 22:12:11

Автор: as.sakura.
Заслуженный
Зарегистрирован: Ср, 11 Ноя 2009
Сообщений: 290
Уважение: +5
Позитив: +55
Последний визит:
Вс, 28 Июн 2015 23:11:17

как-то я окончательно отстала от изучения новых фишичек. а посему вопрос. как сделать такое красивое листающееся объявление? может, есть какой-то общий скрипт/код?

[/hide]

0

Поделиться488Ср, 29 Фев 2012 22:13:35

Автор: Fairy Panz
Стремящийся
Зарегистрирован: Ср, 29 Фев 2012
Сообщений: 2
Уважение: 0
Позитив: 0
Последний визит:
Ср, 11 Апр 2012 08:34:58

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

но картинку шапки ставите не совместно на body, а на #pun_wrap, которому прописываете background-attachment:scroll; дабы двигалсо с шапкой

Спасибо. Гм, в итоге скрипт должен будет выглядеть вот так?

Код:

<style type="text/css">
HTML , BODY {
background-image : url(
адрес_фона.жпег
); background-attachment: fixed; background-position: center; background-repeat: no-repeat;
}

#pun_wrap{
background-image : url(
адрес_шапки.жпег
); background-attachment: scroll; background-position: center; background-repeat: no-repeat;
}
</style>

Поправьте, если где-то ошибаюсь.

0

Поделиться489Ср, 29 Фев 2012 22:50:48

Автор: Активистка (3 уровня)
Заслуженный
Зарегистрирован: Ср, 4 Май 2011
Сообщений: 298
Уважение: -4
Позитив: +9
Пол: Женский
Предупреждения: 3)
Последний визит:
Пн, 25 Мар 2013 01:38:48

Deff
вот ссылка на форум http://obovsem3d.mybb.ru/
спасибо...

0

Поделиться490Ср, 29 Фев 2012 23:11:45

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51423
Уважение: +15371
Позитив: +11887
Последний визит:
Сегодня 18:34:24

Активистка (3 уровня)
Ссылка на форум с подобным сервисом - если он в системе mybb

0

Поделиться491Ср, 29 Фев 2012 23:22:11

Автор: kochichiko.
Заслуженный
Зарегистрирован: Сб, 19 Июн 2010
Сообщений: 111
Уважение: +1
Позитив: +19
Последний визит:
Сб, 1 Июн 2019 22:43:03

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

kochichiko.
ща - ща - чуток погодите...

хорошо

0

Поделиться492Ср, 29 Фев 2012 23:25:28

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51423
Уважение: +15371
Позитив: +11887
Последний визит:
Сегодня 18:34:24

as.sakura. написал(а):

http://holodgorod.mybb.ru/

В заказах таблиц - пост 706

0

Поделиться493Ср, 29 Фев 2012 23:29:14

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51423
Уважение: +15371
Позитив: +11887
Последний визит:
Сегодня 18:34:24

kochichiko.
Cохраните текущий HTML верх
Замените на такое

Код:

	<style type="text/css">
html,body{
 background-position:center top;
}
</style>

<style>
.punbb .post-sig dt {
background:url(http://xmages.net/upload/200dc293.jpg);
height: 1px;width: 800px; border: none;
}
</style>

<style type="text/css">#pun  .tc2 { 
text-align: center;
}
</style>

<style type="text/css"> #pun-main h2 { 
text-align: center;
}
</style>

<style type="text/css">
#pun-ulinks .container {
text-align: center;
}
</style>

<style type="text/css">
#pun-navlinks .container {
text-align: center;
}
</style>

<style type="text/css">
#pun-main .post-author ul  {text-align: center;}
</style>

<style type="text/css">
.punbb table Div.icon {display: block; width: 80px; height: 80px; border-style: none;
background-image: url("http://s1.ipicture.ru/uploads/20120228/66RfPy8c.jpg");
background-repeat: no-repeat;
position: relative;}
TR.inew Div.icon {
background: url("http://s1.ipicture.ru/uploads/20120228/uU31JTjV.jpg") no-repeat;}
TR.isticky Div.icon {
background: url("http://s1.ipicture.ru/uploads/20120228/SvpHb155.jpg") no-repeat;}
TR.iclosed Div.icon {
background: url("http://xmages.net/storage/10/1/0/f/b/upload/91c791f7.png") no-repeat;}
</style>

<style> /*Рекламный Банер*/
#pun-title td.title-logo-tdr {
width:480px;
display:block!important;
position:absolute!important;
top:1px!important;
left:60%!important;
z-index:1000!important;
margin-left:-240px!important;
}
.mybb_bs1 { 
  filter: alpha(opacity=50) !important;
  opacity: 0.5 !important;
  -moz-opacity: 0.5 !important;
  -khtml-opacity: 0.5 !important;
} 
.mybb_bs1:hover { 
filter: alpha(opacity=100) !important;
opacity: 1.0 !important;
-moz-opacity: 1.0 !important;
-khtml-opacity: 1.0 !important;
} 
</style>
<script type="text/javascript">
$(document).ready(function() {
document.getElementById("title-logo-tdr").innerHTML = "<div class='mybb_bs1'>" + document.getElementById("title-logo-tdr").innerHTML + "</div>";
document.getElementById("tieser-bottom").innerHTML = "<div class='mybb_bs1'>" + document.getElementById("tieser-bottom").innerHTML + "</div>";
});
</script>

0

Поделиться494Ср, 29 Фев 2012 23:32:01

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51423
Уважение: +15371
Позитив: +11887
Последний визит:
Сегодня 18:34:24

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

http://funkyimg.com/u2/1354/066/771416234-4.jpg

:glasses: А вам чисто цветом - достаточно не будет ? Или строго картинку ?

0

Поделиться495Ср, 29 Фев 2012 23:32:40

Автор: Ко4ка
Заслуженный
Зарегистрирован: Пт, 11 Ноя 2011
Сообщений: 135
Уважение: 0
Позитив: +28
Пол: Мужской
Последний визит:
Вс, 27 Янв 2013 10:15:35

Здравствуйте. Я поставил на тестовик контейнер с боковыми вкладками. А можно как-то вставить в фон изображение (у каждой вкладки разная картинка)?Тестовик: http://testservis.mybb.ru/

Отредактировано Ко4ка (Ср, 29 Фев 2012 23:33:19)

0

Поделиться496Ср, 29 Фев 2012 23:44:05

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51423
Уважение: +15371
Позитив: +11887
Последний визит:
Сегодня 18:34:24

Ко4ка написал(а):

фон изображение (у каждой вкладки разная картинка)?Тесто

HTML верх

Код:

	<style>	
#menu {
margin-top: -5px;
width: 180px;
height: 60px;
background-repeat : no-repeat;}

#menu span {
text-align:left;
display:block;
color:#000000;
margin: 7px 0;
padding: 11px;
}
#submenu, #menu span {
    border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
background:#efeff0;
}

#menu .tabactive {
color: #000000;
    background:#777777;
}

#submenu {
padding: 3px;
height: 180px;
text-align: center;
font-size: 12px;
width: 540px;
}

.submenutext {
display: none; 
height: 180px;
}
</style>

Таблица

Код:

<center><table style="width: 800px">
 <tbody>
  <tr>
   <td valign=top>
    <div id="menu"> <b>
<span alt="#sm1" style="cursor: pointer;">Добро пожаловать</span>
<span alt="#sm2" style="cursor: pointer;">Новости форума</span>
<span alt="#sm3" style="cursor: pointer;">Администрация</span>
<span alt="#sm4" style="cursor: pointer;">Баннеры партнеров</span>
           </b>
    </div>
   </td>
   <td id="MenuTxT"  align="center" valign="top">
    <div id="submenu" align="center"> 
     <div id="sm1" class="submenutext" style="display:block;background:url(http://mybb.ru/f/collection/0224.gif);">
<br/><br/>
текст добро пожаловать
</div>
     <div id="sm2" class="submenutext" style="background:url(http://mybb.ru/f/collection/0224.gif);"><br /><br />
текст новости форума
</div>
     <div id="sm3" class="submenutext" style="background:url(http://mybb.ru/f/collection/0224.gif);><br /><br />
текст Администрация
</div>
     <div id="sm4" class="submenutext" style="background:url(http://mybb.ru/f/collection/0224.gif);><br /><br />
текст баннеры партнеров
</div>

</div>
   </td>
</tr>
 </tbody>
</table></center>

Отредактировано Deff (Ср, 29 Фев 2012 23:44:57)

0

Поделиться497Ср, 29 Фев 2012 23:44:37

Автор: kochichiko.
Заслуженный
Зарегистрирован: Сб, 19 Июн 2010
Сообщений: 111
Уважение: +1
Позитив: +19
Последний визит:
Сб, 1 Июн 2019 22:43:03

Проблема решена у людей с широкоформатными разрешениями.
У людей 1024х1280 и меньше сдвиг продолжается:
http://s1.ipicture.ru/uploads/20120229/YZqUFX2R.jpg
что делать?

0