Результаты поиска
Введите запрос, по завершению нажмите Enter.
ФорумБлогиМануалыНовые постыЛюди
  • Страница 1 из 1
  • 1
Архив - только для чтения
Форум » Прочее » Корзина » Как на фриланс.ру но +
Как на фриланс.ру но +
Отправлено 29.09.2011 - 23:521
Нет аватара
Пользователь
246 сообщений
Мужчина
Как сделать, чтобы в панельки как у http://freelance.ru/ когда зайду, вместо "Вход" будет "Сообщения" и при наличии нового сообщения было вот так:

http://imagestun.com./images/2011/84iwok4qed.jpg

Чтобы при любом разрешении экрана позиция картинки не изменялась под "Сообщения" ?

Дайте совет пожалуйста

Добавлено (29.09.2011, 23:52)
---------------------------------------------
такой вот css:

Code

.top_menu {
  background: #666 url(/img/grad-06.png) repeat-x left bottom;
  border-bottom: 1px #a8a8a8 solid;
  height: 24px;
  padding-top: 5px;
  position: fixed;
  width: 100%;
  min-width: 980px;
  z-index: 50;
  shadow: 0 0 8px 0 #AAAAAA;
  -moz-box-shadow: 0 0 8px 0 #AAAAAA;
   overflow: hidden;  
   
}
  .top_menu.no_float {  
   position: relative;  
   -moz-box-shadow: none;  
   shadow: none;
   margin-bottom: -30px;  
  }  
  /*#top_menu_button { position: absolute; right: 5px; width:5px; height: 5px; background:#333; border:1px solid #e1e1e1; overflow: hidden;  cursor: pointer; }
  .no_float #top_menu_button { background: #eee; } */
  .top_menu ul { margin: 0 auto; width: 980px; position: relative;  }
  .top_menu a  {  text-decoration: none; color: #FFF;  }
   .top_menu a:hover { text-decoration: underline;  }
  .top_menu li { line-height: 14px; float: left; color: #999;  /*text-shadow: #000 0px 1px 1px;*/ }  
   .top_menu li.rdelim {  
    padding-right: 11px;  
    margin-right: 14px;  
    font-weight: bold;  
    border-right: 1px dotted #000;  
    padding-left: 18px;
    background: url(/img/reg_bg.png) no-repeat left center;
   }
   .top_menu li.ldelim {  
    padding-left: 8px;  
    margin-left: 8px;  
    border-left: 1px dotted #000;  
   }
  .top_menu li.middle_side {  
   float: none;  
   position: absolute;   
   left:240px;  
   top: 0px;
   width: 480px;  
   text-align:  
   center;  
   z-index:0;
   overflow: hidden;
   color: #FFF;
  }
  .top_menu li.right_side { float: right; }
  .av_top {
      float: left;
      height: 30px;
      margin-top: -7px;
      padding-right: 6px;
      width: 30px;
   display: none;
  }


и вот в html:

Code
<div class="top_menu" ><ul class="more_links" ><li class="reg rdelim" ><a href="/">Регистрация</a></li><li><a href="/">Вход</a></li><li class="reg xdelim" ><a href="/">Комплексное размещение! Хороший повод заявить о себе и выйти в ТОП!</a></li><li class="right_side ldelim" ><a href="/forum/0-0-0-36" >Правила</a></li><li class="right_side ldelim" ><a href="/forum/0-0-1-34">Лента</a></li><li class="right_side" ><a href="/forum/0-0-0-6">Поиск</a></li></ul></div>
Профиль Личное сообщение Дом. страница icq Skype
3
Отправлено 30.09.2011 - 09:282
Бывалый
1313 сообщений
Мужчина
xcvbnm2009 эгегегей, надо иконку подгонять под сайт, так мы тебе как скажет? Наугад что-ли писать? Дай хоть сайт, а там уж через CTRL+U скопипастим и натыкаем тебе $UNREAD_PM$!
Профиль Личное сообщение Дом. страница icq Skype
123
Отправлено 30.09.2011 - 12:243
Нет аватара
Пользователь
246 сообщений
Мужчина
Вот именно, а как сделать, чтобы только прикреплено было к панельки и не играло роли какое разрешение у пользователя и какой размер сайта, чтобы картинка с кодом "$UNREAD_PM$" была прикреплена под надписью "Сообщения" ?
Профиль Личное сообщение Дом. страница icq Skype
3
Отправлено 30.09.2011 - 13:024
uSite Team
1689 сообщений
Мужчина
Сделать обыкновенный каркас, в котором будет число непрочитанных сообщений, дать ему position:absolute заключив в начала кода панели, что не даст ему вылезать за заданные рамки родительского элемента, ну и уже настраивать через: top:XXXpx; left:XXXpx ну или через margin-top:XXXpx; margin-left:XXXpx;
Профиль Личное сообщение Дом. страница icq Skype
709
Отправлено 30.09.2011 - 13:425
Нет аватара
Пользователь
246 сообщений
Мужчина
А поподробнее можно ?)
Профиль Личное сообщение Дом. страница icq Skype
3
Отправлено 30.09.2011 - 13:496
uSite Team
1689 сообщений
Мужчина
Code
<div class="new-msgs">100500</div>
вставляем в нужное место
а в таблицу стилей:
Code
.new-msgs {position:absolute; top:***px; left:***px; width:***px; height:***px; text-align:center;}
Профиль Личное сообщение Дом. страница icq Skype
709
Отправлено 01.10.2011 - 13:087
Нет аватара
Пользователь
246 сообщений
Мужчина
Спасибо!

Добавлено (01.10.2011, 13:08)
---------------------------------------------
Не получается, помогите пожалуйста. Сайт мой демо: http://xnz.ucoz.net/
Чтобы вставить в картинку $UNREAD_PM$ и чтобы картинка независимо от ширины сайта или разрешения пользователя была прикреплена например под "Вход", я потом под сообщения сделаю.
Вот мой css:
Code

#puzadpn {display:none;}
a, img, a img {outline:0;border:none;}
body {background:#f3f3f3;margin: 0;}
body, td {font-size:8pt;font-family:Verdana;color:#6a4b31;}

.top_menu {
background: #666 url(/img/gmenu.png) repeat-x left bottom;
border-bottom: 1px #a8a8a8 solid;
height: 24px;
padding-top: 5px;
position: fixed;
width: 100%;
min-width: 980px;
z-index: 50;
shadow: 0 0 8px 0 #AAAAAA;
-moz-box-shadow: 0 0 8px 0 #AAAAAA;
overflow: hidden;}

.top_menu.no_float {  
position: relative;  
-moz-box-shadow: none;  
shadow: none;
margin-bottom: -30px;}  

  /*#top_menu_button { position: absolute; right: 5px; width:5px; height: 5px; background:#333; border:1px solid #e1e1e1; overflow: hidden; cursor: pointer; }
.no_float #top_menu_button { background: #eee; } */
.top_menu ul { margin: 0 auto; width: 980px; position: relative; }
.top_menu a { text-decoration: none; color: #FFF; }
  .top_menu a:hover { text-decoration: underline; }
.top_menu li { line-height: 14px; float: left; color: #999; /*text-shadow: #000 0px 1px 1px;*/ }  
   

.top_menu li.rdelim {  
padding-right: 11px;  
margin-right: 14px;  
font-weight: bold;
padding-left: 18px;
background: url(/img/reg.png) no-repeat left center;}

.top_menu li.ldelim {  
padding-left: 10px;  
margin-left: 25px;}

.top_menu li.middle_side {  
float: none;  
position: absolute;  
left:240px;  
top: 0px;
width: 480px;  
text-align:  
center;  
z-index:0;
overflow: hidden;
color: #FFF;}

.top_menu li.right_side { float: right; }
.av_top {
  float: left;
height: 30px;
margin-top: -7px;
padding-right: 6px;
width: 30px;
display: none;}


и html:
Code

<html>
<head>
<title>$SITE_NAME$</title>
<link type="text/css" rel="StyleSheet" href="/_st/my.css" />
</head>
<body>

<div class="top_menu" ><ul class="more_links" ><li class="reg rdelim" ><a href="/">Регистрация</a></li><li><a href="/">Вход</a></li><li class="right_side ldelim" ><a href="/" >Помочь?</a></li><li class="right_side ldelim" ><a href="/">Услуги</a></li><li class="right_side" ><a href="/">Реклама</a></li></ul></div>

$POWERED_BY$

</body>
</html>


Помогите пожалуйста разобраться с этим
Профиль Личное сообщение Дом. страница icq Skype
3
Отправлено 01.10.2011 - 20:108
Бывалый
1313 сообщений
Мужчина
xcvbnm2009
Code
SITE NOT FOUND
Сайт "xnz.ucoz.net" не зарегистрирован в системе создания сайтов uCoz
ok
Профиль Личное сообщение Дом. страница icq Skype
123
Форум » Прочее » Корзина » Как на фриланс.ру но +
  • Страница 1 из 1
  • 1
Поиск:
uSite.su © 2010-2025
Все права защищены.
Многогранность и сверхспособности сообщества uCoz заставляют задуматься даже самые стойкие умы веб-программирования, ведь лишь uSite способен предоставить ответы на самые сложные вопросы uCoz.
01RSS
Хостинг от uCozПользовательское соглашение и прочая информация