вРазные полезности

Code и quote в прозрачном стиле uCoz

 
Если вам нудны оригинальные Code и quote, то рекомендую посмотреть эти стили на них. Так как по дизайну выполнены они в прозрачном дизайне. И что главное, можно поставить на темный сайт, под что они настроены сейчас и под светлый, что показано на изображение и там только корректировал обвод и безусловно сам шрифт. И здесь нужно заметить саму стилистику написанного, что будет под этим кодом. Так как на буквы идет 2 оттенка цвета, это темный и светлый, чтоб так сказать красиво и выпукло смотрелись.

Это на белом фоне.

Code и quote в прозрачном стиле uCoz

Теперь нужно нам установить, а это вы должны их поставить в CSS только в тот момент,если вы до этого уже не ставили дизайнерские. И в таком случае нужно вам их убрать, так как не должно стоять 2 разных кода, они не будут совместимы и у вас не чего не выйдет. Если от системы шаблон новый установлен, то просто в стили в самый низ можно прописать.

Код
.bbQuoteBlock, .bbCodeBlock   
  margin: 5px;  
    

  .bbQuoteName, .bbCodeName   
  display: none;  
    

  .quoteMessage, .codeMessage   
  background: url(http://zornet.ru/Ajaxoskrip/Fyrkes/transparent_white.png) repeat, url(http://stalker.ucoz.ae/365/2/quote_img.png) no-repeat 2px 2px;  
  max-height: 120px !important;  
  padding: 5px 5px 5px 30px;  
  border: 1px dashed #2a2e26 !important;  
  text-align: justify;  
  font-style: italic;  
  color: #6b7360;  
  overflow-y: scroll;  
   
  -moz-text-shadow: 1px 1px 1px #000;  
  -webkit-text-shadow: 1px 1px 1px #000;  
  text-shadow: 1px 1px 1px #000;  
  -ms-filter: «progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color=’#000000’)»;  
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color=’#000000’);  
   
  white-space: pre-wrap;  
  white-space: -moz-pre-wrap;  
  white-space: -pre-wrap;  
  white-space: -o-pre-wrap;  
  word-wrap: break-word;  
  border-radius: 5px;
    

  .codeMessage   
  background: url(http://stalker.ucoz.ae/365/2/transparent_white.png) repeat, url(http://zornet.ru/Ajaxoskrip/Fyrkes/code_img.png) no-repeat 7px 2px !important;  
  max-height: 400px !important;  
  font-style: normal;  
  border-radius: 5px;  
  

Здесь добавил border-radius:5px что стоит на код и цитату, а значит 2 силя, почти внезу. Вы можете сделать меньше и углы начнут появляться. Просто это регулирует заостренность углов, в нашем случай их закруглил, вы можете сделать как вы видите на портале.

источник: zornet.ru

Похожие посты