Перейти к публикации
View in the app

A better way to browse. Learn more.

Дизайн и модификация Invision Community

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Делаю скин браузеры тупят

Опубликовано:

post-5098-1223936821_thumb.png

Вобщем разлазится почемуто ячейка с аватаром я уже и в css высату фиксировал и на прямую к таблице писал нифига в IE какогото разлазится в Опере и лисе всё нормально :)

вот код самой таблици без лишнего

<table width="100%" height="100%" border="0" cellspacing="0"   class="{$post['post_css']}"  >
 <tr> 
<td border="0" cellspacing="0"   class="post11">ник</td>
<td border="0" cellspacing="0"  class="post12">дата поста</td>
<td border="0" cellspacing="0"   class="post13"> </td>
 </tr>
 <tr> 
<td  valign="top" class="le">Аватар</td>
<td rowspan="2" class="post22" id='post-main-{$post['pid']}'>пост</td>
<td rowspan="3" class="post23" border="0" cellspacing="0"  ></td>
 </tr>
 <tr> 
<td rowspan="2"  valign="top"  class="post21" border="0" cellspacing="0"  >юзиер 
  инфо</td>
 </tr>
 <tr> 
<td height="10" valign="bottom" class="post22">подпись</td>
 </tr>
 <tr> 
<td nowrap   class="post31"   border="0" cellspacing="0">^</td>
<td nowrap="nowrap" border="0" cellspacing="0"   class="post32">кнопки</td>
<td nowrap="nowrap" border="0" cellspacing="0"   class="post33"></td>
 </tr>
 <tr> 
<td class="catend" colspan="3"> 
  <!-- no content -->
</td>
 </tr>
</table>

 

Непонятность №2

какаято пустота между табом и контентом таба в css стоит бордер ноль падинги все ноль вобщем в IE и Лисе всё норм а вот Опера тупит :)

post-5098-1223937149_thumb.png

Непонятность №2

Какогото не подгужается картинка контента картинка с повтором по Х и top а фон залит под цвет концовки карнинки переход кароче..

причём опять только в опере такой глюк в IE и Лисе всё норм

Ладноб еще просто, так фоном не заливает тупо дырка блин :)

post-5098-1223937611_thumb.png

 

ПС

Ксате подскажите реально ли изменить както глобально все шапки тадлиц ато я запарился по отдельности их редактировать веть при установке в скинах с закруглением оно даже єту шапку в блоги прописало :D

Рекомендованные сообщения

Опубликовано:

Ссылку на форум.

Пока могу только сказать по стилю поста.

Нафига столько кода наворачивать???

Абсолютно неоправданная конструкция с точки зрения юзабилити и скорости загрузки.

На дивах старайтесь верстать, а не утяжеляйте таблицу.

 <tr> 
<td rowspan="2"  valign="top"  class="post21" border="0" cellspacing="0"  >юзиер 
  инфо</td>
 </tr>
 <tr> 
<td height="10" valign="bottom" class="post22">подпись</td>
 </tr>

Не хватает столбцов.

Общее их число у Вас равно трем.

А тут один столбец на два ряда делите. А почему справа непонятно что?

Справа должно остаться по 2 столбца (в два ряда), или нужен colspan.

Должна быть следующая конструкция:

<tr>
<td rowspan="2">...</td>
<td>...</td>
<td>...</td>
</tr>
<tr>
<td>...</td>
<td>...</td>
</tr>

Или

<tr>
<td rowspan="2">...</td>
<td>...</td>
<td>...</td>
</tr>
<tr>
<td colspan="2">...</td>
</tr>

или

<tr>
<td rowspan="2">...</td>
<td colspan="2">...</td>
</tr>
<tr>
<td colspan="2">...</td>
</tr>

2.3. С теми глюками сами разбирайтесь. Проверьте синтаксис. Я не могу установить ошибку по картинкам.

 

Ппс

Нет, закруглять придется каждый заголовок.

В IPB 3.0 обещают упростить жизнь...

Опубликовано:
  • Автор

Спасбо за столь быстрый ответ не один я полуночник :)

 

Да я не пойму как можно утяжелить веть по сути кода будит меньше чем дивы вставлять я тупо взял старую таблицу (ну почти старую) и css обрисовал О_о

Опубликовано:

Просто родная таблица там маленькая.

А тут она делится, дробится. Добавляются дополнительные классы.

На дивах в инфо юзера получить подобную структуру проще, и конструкция будет легче.

Опубликовано:

Согласен с Fisana. Лучше добавить 8 div. Будет намного проще их внедрять в другие шаблоны(например вывод результатов поиска) и намного быстрее получится.

Опубликовано:
  • Автор

Ну спасибо буду пробовать дивами.

по поводу шапки но веть при инстале новых модификаций оно от кудатож берёт шаблон шапки и футера О_о

 

 

вот css табов может я чтото гдето не то вписал тоб оно в опере принудительно было в притык с табом

посмотрите может есть какие мысли ато я уже весь мог сломал :huh:

/* задний фон табов */
.pp-tabwrap
{
border:0px;
border-left: 1px solid #fff;
height: 27px;
margin:0px;
padding:0px;
}

/*нажатый таб*/
.pp-tabon
{
background:url(zp/nav_bg2.gif);
color:#0D5630;
float:left;
font-size:10px;
font-weight:bold;
padding:6px 5px 6px 9px;
}
/* табы */
.pp-taboff,
.pp-tabshaded
{
background:url(zp/nav_bg.gif);
color:#333333;
float:left;
font-size:10px;
font-weight:bold;
padding:6px 5px 6px 9px;
}
/* контент табов */
.pp-contentbox-back
{
background: #edf3f0 url(zp/folder_profile_portal/pp-css-contentblock.gif);
background-position: top;
background-repeat: repeat-x;
padding: 6px;
}

Опубликовано:

Там в шаблоне все это хозяйство окружается borderwrap-oм

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

По крайней мере, в помощнике.

А если стоит, принудительно в global_board_header найдите код помощника и в классе borderwrap припишите нулевой паддинг.

 

А вообще идеи таких скинов отсюда тырятся

http://www.ipbcustomize.com/index.php?showtopic=1131

Тему прокрутите вниз, поймете.

Опубликовано:
  • Автор

Вобщем странно

вот код помошника

<div id='get-myassistant' style='display:none;width:400px;text-align:left;'>
<div class="borderwrap">
<div class='maintitle' id='myass-drag' title='{$this->ipsclass->lang['myass_drag']}'>
 <div style='float:right'><a href='java script:void(0);' onclick='document.getElementById("get-myassistant").style.display="none"'>[X]</a></div>
 <div>{$this->ipsclass->lang['myass_title']}</div>
</div>
<div id='myass-content' style='overflow-x:auto;'></div>
</div>
</div>
<!-- Loading Layer -->
<div id='loading-layer' style='display:none'>
<div id='loading-layer-shadow'>
   <div id='loading-layer-inner'>
 	<img src='style_images/<#IMG_DIR#>/loading_anim.gif' border='0' alt='{$this->ipsclass->lang['ajax_loading_msg']}' />
	<span style='font-weight:bold' id='loading-layer-text'>{$this->ipsclass->lang['ajax_loading_msg']}</span>
	</div>
</div>
</div>
<!-- / Loading Layer -->

вот этот клас borderwrap

.borderwrap 
 border-left: 1px solid #fff;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-top: 0px solid #fff;
padding: 0; 
margin: 0;

ПС

Нетырял я ничего :'(

Опубликовано:

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

<div class="borderwrap">

На

<div class="borderwrap" style="margin:-2px">

 

Глючит что-то другое, но что, разобраться не могу.

Скин чужой, а в моих таких глюков нет.

Опубликовано:
  • Автор

Ура!!

 

/* задний фон табов */
.pp-tabwrap
{
border:0px;
border-left: 1px solid #fff;
height: [b]26[/b]px;
margin:0px;
padding:0px;
}

Исправил на 26

И полоска пустоты в Опере исчезла :(

 

но по прежнему в табах помошника Обновления, новые сообшения

И в табах провеля Темы, сообщения

пропадает картинка url(zp/folder_profile_portal/pp-css-contentblock.gif);

Даже незнаю с чем это связано сам прикол в в том что если странуцу прокрутить в верх а потом опустить картинка появляется до следующено гажания на таб О_о

Пробовал менять формат картинки на jpg тот же эфект

Попробую еще на других компах в Опере понаблюдать

 

ПС

Кстати подскажите как просвещяемость выпадающих меню сделать!?

Изменено пользователем Raver

  • 2 месяца спустя...
Опубликовано:
  • Автор

Блин да что опять такое :)

полезло в IE там где ник http://emra.zp.ua/index.php?showtopic=5865

 

post-5098-1230169119_thumb.jpg

 

 

во всех остальных браузерах всё нормально с разметкой вроде тоже всё нормально :)

Опубликовано:

Вы там оставили структуру с двумя роями?

Или верхний снесли?

Похоже на то.

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

 

Если ряды объединили, то в левой ячейке должен быть проставлен параметр valign="top".

Возможно, это поможет.

 

 

Точно.

У Вас там в коде

 <td valign="middle" width="1%"  style="height:1px"> <a name="entry91215"></a>

valign="middle" замените на valign="top"

Опубликовано:
  • Автор

Спасибо!

но valign="top" не помог смысл в том что у меня поле ника было в ячейке а эта ячейка какогото в IE увеличивалась, я пыьался принудительно ячейке(строке) задать размер width="1%" style="height:1px" :)

 

А потом прикинул зачем вообще она надо для ника ячейка и обьеденил ник и аватар с юзер инфо в одну ячейку с параметром valign="top" :) и теперь всё пучком

ПС

еще раз спасибо уже второй раз в 3 часа ночи получаю ответ прикольно, респект полуночникам)))))

Опубликовано:

Только сейчас обратила внимание...

Зачем же копирайты форума испортили?

Хотим помощи, а труд разработчиков не уважаем?

 

Если в следующий раз придете, не отвечу, пока копирайты форума не поправите.

Опубликовано:
  • Автор

Всмысле испортили :) они на месте.

Мне кажется если в код IPB было внесено множество модификаций в том числе 30% личных то в полне логично дописать

того кто это вностил EMRA Edition.

Это уже не стандартная редакция форума а модифицированная и много людей в том числе и я при виде того или иного мода задаются вопросом а чей он, или чья это редакция...

 

ПС

Это нормальное явление

Изменено пользователем Raver

Опубликовано:
Powered By IP.Board EMRA Edition v4.0.1 © 2008 IPS, Inc.

Что EMRA Edition еще можно понять. Понты...

 

Но должны быть две живые ссылки на разработчиков.

Пример смотрим здесь.

 

Вы можете закрыть их от индексации, но не убивать.

Создайте аккаунт или войдите в него для комментирования

Сейчас на странице 0

  • Нет пользователей, просматривающих эту страницу.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.