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

Поделиться381Чт, 14 Окт 2010 22:59:26

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

кофейница написал(а):
Вот что у меня выходит оо

Что-то Вы плохо читали то, что там было написано.
Ищите в первом окне стиля:

Код:
/* A5.1 */ #pun { margin: 0px auto 0px auto;; width : 798px; padding: 0px 2px 0px 0px; float: center; }

Меняйте на:

Код:
/* A5.1 */ #pun { margin: 600px auto 0 auto; width : 798px; padding: 0 2px 0 0; }

+2

Поделиться382Чт, 14 Окт 2010 23:02:00

Автор: кофейница
Заслуженный
Зарегистрирован: Сб, 9 Окт 2010
Сообщений: 32
Уважение: 0
Позитив: +3
Последний визит:
Пн, 6 Июн 2011 13:46:05

rps
Оу, спасибо вам большое) Я не там отступ мудрила)

0

Поделиться383Чт, 14 Окт 2010 23:16:17

Автор: John Chambers
Заслуженный
Зарегистрирован: Чт, 8 Апр 2010
Сообщений: 124
Уважение: 0
Позитив: +39
Последний визит:
Чт, 27 Фев 2020 22:57:35

У меня форум поехала что ни делаю ни как не могу выправить, помогите пожалуйста.
http://123445.rolevaya.ru/
Фоновый рисунок на пару миллиметров съехал влево.

0

Поделиться384Пт, 15 Окт 2010 03:20:09

Автор: mini
Заслуженный
Зарегистрирован: Вс, 4 Май 2008
Сообщений: 99
Уважение: +2
Позитив: +15
Пол: Женский
Последний визит:
Ср, 16 Фев 2011 04:44:05

доброе время суток!
огромное спасибо за пред вопрос
теперь у меня появился новый как сделать так что бы картинка разделилась на две половинки как тут http://horror.anihub.ru/ через что его сделать так , не ужели через фотошоп

~~хоть бы не через него~~

0

Поделиться385Пт, 15 Окт 2010 03:27:10

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11881
Последний визит:
Вчера 22:34:51

mini ти можешь на скриншоте пояснить, что нужно, куча возбуждения и не ясно, чего же желаете

Сними скриншот и обведи те места , что заинтересовали

0

Поделиться386Пт, 15 Окт 2010 04:18:17

Автор: mini
Заслуженный
Зарегистрирован: Вс, 4 Май 2008
Сообщений: 99
Уважение: +2
Позитив: +15
Пол: Женский
Последний визит:
Ср, 16 Фев 2011 04:44:05

Deff
типа что бы было вот такое http://ipicture.ru/uploads/100807/SWyaPxf6vW.png
это же делали с помощью фотошопа не так ли

и еще вспомнила ~~мда замучаю я вас~~
я поставила вот этот скрипт
<style>
.post-author ul li {
text-align: center;
padding: 1px;
border: 1px solid #bdc2dd;
background: #ffffff;
margin: 2px;
}
.post-author ul li.pa-reg {
border-bottom: none;
margin-bottom: 0px;
}
.post-author ul li.pa-posts,
.post-author ul li.pa-respect {
border-top: none;
border-bottom: none;
margin-top: 0px;
margin-bottom: 0px;
}
.post-author ul li.pa-positive {
margin-top: 0px;
border-top: none;
border-bottom: none;
}
.post-author ul li.pa-author {
border: #bdc2dd solid 1px;
padding: 2px;
background: #dbdeef;
font-size: 15px;
}

.post-author ul li.pa-online {
border: #bdc2dd solid 1px;
padding: 2px;
background: #ffffff;
font-size: 11px;
}

.post-author ul li.pa-fld3 {
border: #FF6666 solid 1px;
padding: 2px;
background: #FFDDDD;
font-size: 11px;
}
.post-author ul li.pa-fld2 {
border: #6683ff solid 1px;
padding: 2px;
background: #dde3ff;
font-size: 11px;
}
</style>
и в итоге в него не влазит весь аватар, а нет ли такого скрипта чтобы расширить чуть как бы место для аватара
http://sailors.spybb.ru/viewtopic.php?id=435#p8195

Отредактировано mini (Пт, 15 Окт 2010 04:21:10)

0

Поделиться387Пт, 15 Окт 2010 06:28:57

Автор: Эльza
Заслуженный
Зарегистрирован: Вс, 6 Дек 2009
Сообщений: 60
Уважение: +2
Позитив: +11
Пол: Женский
Последний визит:
Вс, 27 Фев 2011 00:15:33

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

Эльza
Здравствуйте.

Может быть так подойдёт?

Здравствуйте, rps!

Да, таким образом действительно появляется под флешем изображение в JPEG, но дело в том что его там не видно, так как лезет белый фон (непонятно откуда!). Так что я теперь не знаю, как в том коде убрать белый фон. Пришлось делать вот образом, через внешние объекты:

Код:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="1024" height="575"><param name=movie value="http://elzaani.narod.ru/ArtPS/big12_7.swf"><param name=quality value=high><param name="allowScriptAccess" value="always"><param name="wmode" value="transparent" <embed src="http://elzaani.narod.ru/ArtPS/big12_7.swf" quality=high type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" WMODE="transparent" width="1024" height="575" allowScriptAccess="always"></embed></object>

Здесь из за параметра WMODE="transparent" фон пропадает, теперь перед загрузкой флеш появляется фон форума, еще тут можно было и через параметр BGCOLOR делать, он меняет фоновый цвет внутри флешки. То есть сейчас все более менее, мне нравится, и грузится быстро и мелькание белого не раздражает, но форум получается без шапки, н-р в Опере в экспресс - панели в превью флеш не выводится, и наш форум в экспресс - панели выглядит как серое пятно, без шапки, а если флеш отключить в браузере, то форум выводится просто как список разделов.. не знаю, насколько это принципиально! Вообщем, буду еще думать!
Спасибо Вам Большое!

Отредактировано Эльza (Пт, 15 Окт 2010 06:31:43)

0

Поделиться388Пт, 15 Окт 2010 09:56:02

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11881
Последний визит:
Вчера 22:34:51

Эльza Проще поставить статическую картинку фона с деревьями( просто картинккой), а на неё гифку натянуть - прозрачную, чисто с падающими листьями, либо в место гифки ту жа прозрачную флешь с чисто листьями
пример с гифкой > http://hostjs-mybb2011.narod.ru/default.htm

Код вместо предыдущего в HTML верх >

<img src="http://savepic.org/803852.jpg" style="width: 100%;margin: 0 0 -17px 0;"/>
<img src="http://savepic.org/835599.gif" style="width: 100%;margin: -579px 0 17px 0;"/>

:blush: гифка канешно на скорую руку - (* сделайте посерьезнее

Будет и весить немного и при отключении флешь в браузере, картинка по любому останецо, -а в случае гифки так и вообще

Отредактировано Deff (Пт, 15 Окт 2010 18:34:09)

+1

Поделиться389Пт, 15 Окт 2010 11:47:27

Автор: Golden Women
Заслуженный
Зарегистрирован: Пн, 30 Авг 2010
Сообщений: 92
Уважение: +1
Позитив: +2
Пол: Женский
Последний визит:
Ср, 9 Июл 2014 00:50:53

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

Это обрывок скрипта погоды, написанного мной. Где Вы его взяли в таком искаверканом виде?

Где-то на форуме... Помогите его реализовать пожалуйста. Мне его в объявление (таблицу) надо. Заранее спасибо.

0

Поделиться390Пт, 15 Окт 2010 12:31:54

Автор: John Chambers
Заслуженный
Зарегистрирован: Чт, 8 Апр 2010
Сообщений: 124
Уважение: 0
Позитив: +39
Последний визит:
Чт, 27 Фев 2020 22:57:35

У меня форум поехала что ни делаю ни как не могу выправить, помогите пожалуйста.
http://123445.rolevaya.ru/
Фоновый рисунок на пару миллиметров съехал влево.

0

Поделиться391Пт, 15 Окт 2010 14:13:59

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51422
Уважение: +15369
Позитив: +11881
Последний визит:
Вчера 22:34:51

John Chambers написал(а):

У меня форум поехала что ни делаю ни как не могу выправить, помогите пожалуйста.http://123445.rolevaya.ru/Фоновый рисунок на пару миллиметров съехал влево.

У Вас Фоновая картинка - коричневая накладка на ней не отцентрированна просто > http://savepic.org/851165.png
(*хотя эта накладка и вообще не нужна - её сам форум делает
Найдите во втором окне стиля код

body {
background-color: #1f0f02; background-image: url(http://savepic.org/851165.png); background-position: top center; background-repeat: no-repeat;
}
#pun {
background-color: #b39a79
;
}

И замените ссылку...на свою исправленную картинку

Ну к примеру - мои тренировки > http://savepic.org/826373.jpg

И я бы поменял цвет - либо заливки -либо фона форума(* #pun {
background-color: #b39a79 - сейчас он у вас на рисунке #A68F7D

*Если моя картинка Вас устроит, итоговый код замены

body {
background-color: #1f0f02; background-image: url(http://savepic.org/796679.jpg); background-position: top center; background-repeat: no-repeat;
}
#pun {
background-color: #A68F7D;
}

Отредактировано Deff (Пт, 15 Окт 2010 14:26:43)

+1

Поделиться392Пт, 15 Окт 2010 18:33:13

Автор: John Chambers
Заслуженный
Зарегистрирован: Чт, 8 Апр 2010
Сообщений: 124
Уважение: 0
Позитив: +39
Последний визит:
Чт, 27 Фев 2020 22:57:35

Deff
Спасибо! Ваша картинка не много не по размеру, но теперь я понял где моя ошибка.
Спасибо, еще раз

0

Поделиться393Пт, 15 Окт 2010 19:15:10

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Эльza
Я думаю, чтобы в Опере превьюшка отображала Ваш логотип, придётся либо отказаться от флеш, либо всё-таки сделать так, как я показал выше -

Код:
<p style="text-align: center; background: url(http://i078.radikal.ru/1010/dd/b8a8e5e9f5b2.png) repeat !important; height: 575px;"> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="1024" height="575"><param name=movie value="http://elzaani.narod.ru/ArtPS/big12_7.swf"><param name=quality value=high><param name="allowScriptAccess" value="always"><param name="wmode" value="transparent" <embed src="http://elzaani.narod.ru/ArtPS/big12_7.swf" quality=high type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" WMODE="transparent" width="1024" height="575" allowScriptAccess="always"></embed></object> </p>

Изображение подставите своё. Тогда в опера будет выглядеть так (пример с моим изображением):

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

+1

Поделиться394Пт, 15 Окт 2010 19:22:54

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Golden Women написал(а):

Где-то на форуме...

Вот когда "где-то на форуме" берёте код или скрипт, нужно читать, для чего он, как работает и как его настраивать. Это я к тому, что сам скрипт, если мне не изменяет память, был не до конца доработан.
Это в ХТМЛ-низ:

Код:
<script type="text/javascript"> var weather = new Array() weather[0] = "Жарко" weather[1] = "Холодно" weather[2] = "Ветрено" weather[3] = "Солнечно" weather[4] = "Дождливо" weather[5] = "Ураган" var data = new Date(); var j = (data.getFullYear() * data.getDate() + (data.getMonth() + 1)) var i = j - Math.floor(j/weather.length)*weather.length document.getElementById("weath").innerHTML = weather[i]; </script>

Это там, где хотите видеть отображение погоды:

Код:
<span id="weath"></span>

0

Поделиться395Пт, 15 Окт 2010 19:34:11

Автор: jadde2
Заслуженный
Зарегистрирован: Сб, 14 Мар 2009
Сообщений: 106
Уважение: -3
Позитив: 0
Пол: Женский
Последний визит:
Вс, 18 Авг 2013 14:14:03

Подскажите пожалуйста как переделать скрипт (реклама во 2 посте):

var arr=document.getElementsByTagName("div")
i=0
while(arr[i] ){
if((arr[i].className=="post topicpost") || (arr[i].className=="post toppost") || (arr[i].className=="post topicpost endpost")){
name=arr[i].innerHTML
name=name.substring(0)
arr[i].innerHTML=name+"<div class=post><h3><span><strong>#</strong>"+sup+"</span></h3><div class=container><div class=post-author><ul><li class=pa-author><a href=javascript:to('Agent')>"+namead+"</a></li><li class=pa-avatar item2>"+ava+"</li></ul></div><div class=post-body><div class=post-box><div class=post-content><p>"+content+"</p></div></div></div><div class=post-links><ul><li>"+sub+"<span class=acchide>г</span></li></ul></div></div></div>"
}i++}
</script>

Подскажите, чтобы вот вместо ссылки и фотки: <a href='http://forum.mybb.ru/viewtopic.php?id=24444&p=23' target='_blank'><img src=http://s48.radikal.ru/i122/1007/88/fae3b8657141.jpg></a></center>";

можно было поставить флеш баннер. как переделать, подскажите пожалуйста.

0

Поделиться396Пт, 15 Окт 2010 19:35:09

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

mini
Здравствуйте.

mini написал(а):
теперь у меня появился новый как сделать так что бы картинка разделилась на две половинки как тут http://horror.anihub.ru/ через что его сделать так , не ужели через фотошоп

Ну а почему нет? Нарисуйте так, как Вам нужно и поставьте фоном. В чём трудность?

mini написал(а):
в итоге в него не влазит весь аватар, а нет ли такого скрипта чтобы расширить чуть как бы место для аватара

Попробуйте заменить Ваш код на этот:

Код:

<style type="text/css">
.punbb .post h3 span, .punbb .post-body, .punbb .post-links {
  margin-left: 21em;
}

.punbb .post .post-author {
  width: 21em;
  }

.punbb .post-links ul {
  margin-left: -21em;
}

.post-author li, li.pa-online {
 text-align: center;
 padding: 2px !important;
 border: 1px solid #bdc2dd;
 background: #ffffff;
 margin: 2px;
}
.post-author ul li.pa-reg {
 border-bottom: none;
 margin-bottom: 0px;
}
.post-author ul li.pa-posts, 
.post-author ul li.pa-respect {
 border-top: none;
 border-bottom: none;
 margin-top: 0;
 margin-bottom: 0;
}

.post-author ul li.pa-positive {
 margin-top: 0px;
 border-top: none;
 border-bottom: none;
}

.post-author ul li.pa-author {
 border: #bdc2dd solid 1px;
 padding: 2px;
 background: #dbdeef;
 font-size: 15px;
}

.post-author ul li.pa-fld3 {
 border: #FF6666 solid 1px;
 padding: 2px;
 background: #FFDDDD;
 font-size: 11px;
}
.post-author ul li.pa-fld2 {
 border: #6683ff solid 1px;
 padding: 2px;
 background: #dde3ff;
 font-size: 11px;
}
</style>

0

Поделиться397Пт, 15 Окт 2010 20:01:25

Автор: _$Max$_
Заслуженный
Зарегистрирован: Чт, 23 Сен 2010
Сообщений: 76
Уважение: 0
Позитив: 0
Последний визит:
Вс, 4 Сен 2011 15:26:00

А сожно код полупрозрачности рекламмы мубб!
Если можно полу-полу прозрачности!!!

0

Поделиться398Пт, 15 Окт 2010 20:04:55

Автор: John Chambers
Заслуженный
Зарегистрирован: Чт, 8 Апр 2010
Сообщений: 124
Уважение: 0
Позитив: +39
Последний визит:
Чт, 27 Фев 2020 22:57:35

Подскажите пожалуйста как кнопочки "Отправить" и т.д заменить на с плавными краями, я знаю что это точно в стиле внизу, но не знаю точно где.
http://6789.mybb.ru/

0

Поделиться399Пт, 15 Окт 2010 20:27:56

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

John Chambers написал(а):

Подскажите пожалуйста как кнопочки "Отправить" и т.д заменить на с плавными краями, я знаю что это точно в стиле внизу, но не знаю точно где.http://6789.mybb.ru/

Это значит, что для элемента управления (кнопка) не должны применяться никакие стили.
Попробуйте найти во втором окне стиля ("CS1.8") такой код:

Код:
.punbb textarea, .punbb select, .punbb input { background-color: #CFDFEF; color: #000000 }

И поменять на:

Код:

.punbb textarea, .punbb select, .punbb .input input {
  background-color: #CFDFEF;
  color: #000000
}

+1

Поделиться400Пт, 15 Окт 2010 20:30:28

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

_$Max$_

Код:

<style type="text/css">
.title-logo-tdr a, .title-logo-tdr iframe, .title-logo-tdr object, #tieser-bottom {
  filter:alpha(opacity=60);
  opacity: 0.6;
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
}

.title-logo-tdr a img:hover, .title-logo-tdr iframe:hover, .title-logo-tdr object:hover, #tieser-bottom:hover {
filter:alpha(opacity=100);
opacity: 1.0;
-moz-opacity: 1.0;
-khtml-opacity: 1.0;
}
</style>

0

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

Меню навигации

Пользовательские ссылки

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

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

Сообщений 381 страница 400 из 1000

Поделиться381Чт, 14 Окт 2010 22:59:26

Поделиться382Чт, 14 Окт 2010 23:02:00

Поделиться383Чт, 14 Окт 2010 23:16:17

Поделиться384Пт, 15 Окт 2010 03:20:09

Поделиться385Пт, 15 Окт 2010 03:27:10

Поделиться386Пт, 15 Окт 2010 04:18:17

Поделиться387Пт, 15 Окт 2010 06:28:57

Поделиться388Пт, 15 Окт 2010 09:56:02

Поделиться389Пт, 15 Окт 2010 11:47:27

Поделиться390Пт, 15 Окт 2010 12:31:54

Поделиться391Пт, 15 Окт 2010 14:13:59

Поделиться392Пт, 15 Окт 2010 18:33:13

Поделиться393Пт, 15 Окт 2010 19:15:10

Поделиться394Пт, 15 Окт 2010 19:22:54

Поделиться395Пт, 15 Окт 2010 19:34:11

Поделиться396Пт, 15 Окт 2010 19:35:09

Поделиться397Пт, 15 Окт 2010 20:01:25

Поделиться398Пт, 15 Окт 2010 20:04:55

Поделиться399Пт, 15 Окт 2010 20:27:56

Поделиться400Пт, 15 Окт 2010 20:30:28