bionic
а Вы сами не помните что - где у Вас написано было?
хтмл-верх
#pun-navlinks .container li {
float: left;
margin:6px 10px 6px 10px;
}
#pun-ulinks .container li {
float: left;
margin:6px 10px 6px 10px;
}
Зачем? Уберите, все будет хорошо.
Вопрос/ответ по дизайну css #3
Сообщений 101 страница 110 из 1000
Поделиться10123.06.11 23:30
- Бестелесный дух прошлого
- Уважение: +874
Поделиться10223.06.11 23:49
- Бестелесный дух прошлого
- Уважение: +874
bionic написал(а):
вместе с изменением размера шрифта изменилась и ширина профиля
как сделать его обратно шире?
//первое окно стиля
/* C3.5 */
.punbb .post .post-author {
float: left;
width: 19em;
margin-top: -1.5em;
overflow: hidden;
Измените выделенное красным на 210px
Aino написал(а):
ttp://s56.radikal.ru/i154/1106/67/71ec7115580c.jpg подскажите как убрать рамку вокруг профиля
//первое окно стиля
/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
padding: 0 1em 1em 1em;
line-height: 140%;
border: 1px dashed #330101;
}
Выделенное красным измените на border: 0px none #330101;
Лис написал(а):
1. Как уменьшить высоту строки "Форум Тем Сообщений Последнее Сообщение"?
//хтмл-верх
#pun .tcl {height: 70px; width: 38%;}
Выделенное красным число - меньше.
//второе окно стиля
/* CS1.5 */
#pun-navlinks .container {
padding-top : 8px; background-color : #C0C0C0;
background-image : url(http://s13.radikal.ru/i186/1105/ab/35a0e0153e24.jpg);
font-weight: bold;
text-align: center;
}
</style>
Выделенное синим - удалите.
Лис написал(а):
2. Как вставить картинку в строку "Статистика форума" (чтобы было так же, как категория "Вне игры" на скрине)?
//второе окно стиля
/* CS1.3 */
.punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
background-color: #1474C3;
color: #FFFFFF;
}#pun-stats h2 {background-image: url(ссылка на картинку)}
Лис написал(а):
3. Как сделать надпись "Форум" посередине?
"Форум" - это в заголовках таблицы Форм - Тем - Сообщений - Последнее сообщение?
Рыба_в_аквариуме написал(а):
В таком случае ещё вопрос. Подскажите, что делать с облаком ссылок (т.е. сделать так, что бы оно не вылазило из объявления), менять размер картинки не хочу, а как на минус поставить... в голову ничего не лезет.
PS: менять размер облака - не вариант.
Отвечу чуть позже.
Поделиться10324.06.11 11:09
- Бестелесный дух прошлого
- Уважение: +0
sadhaka
Спасибо большое, вы мне очень помогли.
sadhaka написал(а):
"Форум" - это в заголовках таблицы Форм - Тем - Сообщений - Последнее сообщение?
Да, там на скрине я стрелочку поставил) Не могу найти, где и что нужно написать, чтобы он встал посерединке><
Поделиться10424.06.11 11:22
- Бестелесный дух прошлого
- Уважение: +874
Лис написал(а):
Да, там на скрине я стрелочку поставил) Не могу найти, где и что нужно написать, чтобы он встал посерединке><
//первое окно стиля
/* C2.1 */
.punbb .main .tcl {
overflow: hidden;
text-align: left;
width: 50%;
}
исправьте на text-align: center;
Поделиться10524.06.11 11:45
- Бестелесный дух прошлого
- Уважение: +874
Рыба_в_аквариуме написал(а):
В таком случае ещё вопрос. Подскажите, что делать с облаком ссылок (т.е. сделать так, что бы оно не вылазило из объявления), менять размер картинки не хочу, а как на минус поставить... в голову ничего не лезет.
PS: менять размер облака - не вариант.
можете скинуть исходный код?
Поделиться10626.06.11 11:41
- Бестелесный дух прошлого
- Уважение: +55
sadhaka
Облака или таблицы? оО
В чём проблема-то? Я бы рада уменьшить, но из-за этого "съедается" половина "ближней" надписи. Получается что-то вроде: ция №1. Канон он и в Африке ка (Акция №1. Канон он и в Африке канон)
Поделиться10726.06.11 12:28
- Бестелесный дух прошлого
- Уважение: +874
Рыба_в_аквариуме
всего объявления
Поделиться10826.06.11 15:14
- Бестелесный дух прошлого
- Уважение: +55
sadhaka
Вот:
Код:
<center><table width ="100%" border=0.5 bordercolor=#77483f cellpadding=#4><tr>
<td width ="50%">
<html>
<body>
<center>
<div style="text-align: center;"></div>
<tbody>
<td>
<div
style="width: 577px; height: 417px; background-image: url(http://savepic.net/1551618.png);">
<div
style="position: relative; left: 14px; top: 179px; width: 240px; height: 250px;">
<div style="overflow: auto; width: 185px; height: 226px;">
<div style="text-align: justify;">
<div style="text-align: left;">
<center style="margin-left: 0px; height: 210px; width: 160px;">
<b>Объявление</b>
<br>"Добрый" админ Мефисто работает в поте лица под ободряющие пинки модератора Рины, и именно по этому слово добрый написано в кавычках х)) Собственно, по этой причине сюжет будет очень скоро х))
<br>Напоминаю, у нас проводится набор администрации, всех желающий прошу пройти в <a href='http://aonoekusoshisuto.rolka.su/viewtopic.php?id=6'>эту тему</a>.
</span></font></center>
</div>
</div>
</div>
</div>
</div>
</td>
</td>
<td width ="25%">
<div id="yoblako" align="ceft"><noindex>
<a style="font-size:8pt;" href="http://aonoekusoshisuto.rolka.su/viewtopic.php?id=3#p3" rel="nofollow" class="eTag eTagGr8">Список ролей</a>
<a style="font-size:8pt;" href="http://aonoekusoshisuto.rolka.su/viewtopic.php?id=10" rel="nofollow" class="eTag eTagGr8">Шаблон анкеты</a>
<a style="font-size:8pt;" href="http://aonoekusoshisuto.rolka.su/viewtopic.php?id=23" rel="nofollow" class="eTag eTagGr8">Правила</a>
<a style="font-size:8pt;" href="http://aonoekusoshisuto.rolka.su/viewtopic.php?id=24" rel="nofollow" class="eTag eTagGr8">Наша реклама</a>
<a style="font-size:8pt;" href="http://aonoekusoshisuto.rolka.su/viewtopic.php?id=26" rel="nofollow" class="eTag eTagGr8">Баннеробмен</a>
<a style="font-size:8pt;" href="http://aonoekusoshisuto.rolka.su/viewtopic.php?id=27" rel="nofollow" class="eTag eTagGr8">Ваша реклама</a>
<a style="font-size:8pt;" href="http://aonoekusoshisuto.rolka.su/viewtopic.php?id=7" rel="nofollow" class="eTag eTagGr8">Акция №1. Канон он и в Африке канон.</a>
<a style="font-size:8pt;" href="http://aonoekusoshisuto.rolka.su/viewtopic.php?id=8" rel="nofollow" class="eTag eTagGr8">Акция №2. На них фапают админы</a>
<a style="font-size:8pt;" href="http://aonoekusoshisuto.rolka.su/viewtopic.php?id=9" rel="nofollow" class="eTag eTagGr8">Акция №3. А мы знакомы)</a>
</noindex> </div>
<br>
<br>
<br>
</center>
</td>
</tr>
</table></center>Поделиться10926.06.11 16:21
- Бестелесный дух прошлого
- Уважение: +143
Если я хочу, чтобы вокруг цитаты\кода была рамка, где мне нужно прописывать код для рамки?
Делаю так,
/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
background-color: #fbf0e1; background-image: url(http://forumupload.ru/uploads/000f/b5/ff/16-2-f.jpg);
border: #35170e solid 2px;
color: #121111
}
но изменений нет.
И еще, возможно ли сделать рамку вокруг цитаты/кода только лишь по левой и нижней стороне, вот так
форум http://testov.rolebb.ru/
Поделиться11026.06.11 16:24
- Бестелесный дух прошлого
- Уважение: +874
Рыба_в_аквариуме
посмотрите так
Код:
<div style= "position: relative; height: 417px; width: 750px; background: transparent url(http://savepic.net/1551618.png) no-repeat bottom left;">
<div style="position: relative; left: 5px; top: 169px; width: 190px; height: 240px;">
<div style="overflow: scroll; margin: 7px; text-align: center; height: 227px; width: 177px;"><b>Объявление</b>
<br>"Добрый" админ Мефисто работает в поте лица под ободряющие пинки модератора Рины, и именно по этому слово добрый написано в кавычках х)) Собственно, по этой причине сюжет будет очень скоро х))
<br>Напоминаю, у нас проводится набор администрации, всех желающий прошу пройти в <a href='http://aonoekusoshisuto.rolka.su/viewtopic.php?id=6'>эту тему</a>.</div>
</div>
<div style="float: right; position: absolute; top: 0; right: 0; z-index: 100;">
<div id="yoblako" align="ceft"><noindex>
<a style="font-size:8pt;" href="http://aonoekusoshisuto.rolka.su/viewtopic.php?id=3#p3" rel="nofollow" class="eTag eTagGr8">Список ролей</a>
<a style="font-size:8pt;" href="http://aonoekusoshisuto.rolka.su/viewtopic.php?id=10" rel="nofollow" class="eTag eTagGr8">Шаблон анкеты</a>
<a style="font-size:8pt;" href="http://aonoekusoshisuto.rolka.su/viewtopic.php?id=23" rel="nofollow" class="eTag eTagGr8">Правила</a>
<a style="font-size:8pt;" href="http://aonoekusoshisuto.rolka.su/viewtopic.php?id=24" rel="nofollow" class="eTag eTagGr8">Наша реклама</a>
<a style="font-size:8pt;" href="http://aonoekusoshisuto.rolka.su/viewtopic.php?id=26" rel="nofollow" class="eTag eTagGr8">Баннеробмен</a>
<a style="font-size:8pt;" href="http://aonoekusoshisuto.rolka.su/viewtopic.php?id=27" rel="nofollow" class="eTag eTagGr8">Ваша реклама</a>
<a style="font-size:8pt;" href="http://aonoekusoshisuto.rolka.su/viewtopic.php?id=7" rel="nofollow" class="eTag eTagGr8">Акция №1. Канон он и в Африке канон.</a>
<a style="font-size:8pt;" href="http://aonoekusoshisuto.rolka.su/viewtopic.php?id=8" rel="nofollow" class="eTag eTagGr8">Акция №2. На них фапают админы</a>
<a style="font-size:8pt;" href="http://aonoekusoshisuto.rolka.su/viewtopic.php?id=9" rel="nofollow" class="eTag eTagGr8">Акция №3. А мы знакомы)</a>
</noindex> </div>
</div>
</div>Размер облака можно увеличить. Мне показалось, оптимальны такие настройки
Код:
<script type="text/javascript">
var flashvars = {};
flashvars.mode = 'tags';
flashvars.minFontSize = '9';
flashvars.maxFontSize = '14';
flashvars.tcolor = '0xFFFFFF';
flashvars.tcolor2 = '0xFFFFFF';
flashvars.hicolor = '0xFFFFFF';
flashvars.distr = 'true';
flashvars.tspeed = '100';
eTagz = document.getElementById('yoblako').getElementsByTagName('A');
flashvars.tagcloud = '<tags>';
for (var i=0; eTagz[i]; ++i) flashvars.tagcloud += '<a href=\'' + eTagz[i].getAttribute('href')
+ '\' style=\'' + parseInt(eTagz[i].style.fontSize)
+ '\'>' + eTagz[i].innerHTML.replace(/&/i, '%26') + '</a>';
delete eTagz;
flashvars.tagcloud += '</tags>';
var params = {};
params.wmode = 'transparent';
params.bgcolor = '#FFFFFF';
params.allowscriptaccess = 'always';
var attributes = {};
attributes.id = 'yoblako';
attributes.name = 'tagcloud';
swfobject.embedSWF('http://neotech.3dn.ru/Tegs/tagcloud.swf', 'yoblako', '400', '240', '9.0.0', false, flashvars, params, attributes);
</script>
