» »

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 силя, почти внезу. Вы можете сделать меньше и углы начнут появляться. Просто это регулирует заостренность углов, в нашем случай их закруглил, вы можете сделать как вы видите на портале.
08.12.2015 Просмотров: 461 Комментарий: (25)

Поделиться в социальных сетях

Материал разместил

Комментарий: 25
ZruBkul
ZruBkul 08.12.2015 00:401
+1
Мне прозрачные нравятся в другом дизайне, но здесь не нашел такого стиля. Это когда только с правой стороны есть обвод а на других сторонах его нет. Хотя этот также смотриться, но только на темном сайте. Под светлый нужно просто заменить сами кнопки, так как видно что они не подходят.
Kvint
Kvint 08.12.2015 00:432
+1
Встречал такой код, только под светлый дизайн. Очень давно на одном сайте, где 2 админа было, один рисовал а второй верстал, у одного еще был сайт орел CS не помню какие у них ники и зовут как. Так вот на новом сайте в первые такой стиль увидел, но сейчас сайт сам в паблике есть как шаблон, а как портал что то не встречал.
Kosten
Kosten 08.12.2015 00:534
0
Kvint, точно не скажу, но мне кажется заливал его на сайт. Можно в поиске посмотреть, или на гугл поске картинки забить адрес и возможно быстрей так найти если есть.Но на всякий случай, если есть у кого такие стили, то скажите, или залейте.
Сопрано
Сопрано 08.12.2015 01:1112
0
Тоже встречался такой стиль, но не очень понравился, для меня лучше, чтоб видеть границы, а такой код просто сделан для того, чтоб не был похоже на другие.
Сопрано
Сопрано 08.12.2015 01:1213
+1
Много так прозрачных идет, это редкость, если у кого то есть фон, основа, это пустота в нутри и чтоб все было на основном фоне вид материала или комментариев. Есть такие, как красные и зеленые,но смотрятся как раскраска.
Kosten
Kosten 08.12.2015 01:1514
0
Да ставил такие и они есть на сайте, просто когда проверял на работу и так получилось что на тестовом было все в кодах и цитатах. Не скажу что такие то мурзилки, по реально смотрятся не привычно, их лучше под темный дизайн, там хоть можно понять. Что установлены они для яркости и для блеска на сайте.
Kosten
Kosten 08.12.2015 00:513
0
У меня этот шаблон в оригинале был, только синим цветом, реально с Горынычем, это второй Администратор на этом сайте, мы его довели до нормального, и без ошибок.

А кто из них верстал, если не ошибаюсь Андрей зовут, просто запомнил, так как у них заказывал первый шаблон, а точнее второй админ мне должен был. Но это уже не секрет, когда у него угнали сайт, то видать просили деньги и он ко мне обратился, а так знались по одному форуму, дал ему. А время пришло отдавать, мне предложил макет нарисовать и его друг сверстает. Нарисовать то нарисовал, а вот верства не повезло. Просто на движке Хром баг не было, а на мозили они появлялись и не как не исправить. И только сказали, что нужна вторая верстка и тогда их не будет, давно это было.
FeStemBer
FeStemBer 08.12.2015 01:039
0
Что раньше был благотворительный фон, для тех кому сильно не повезло. Больше половины заслуженно получают, но есть такие, кто ведет сайт и всаживает в него свою душу, и деньги и раз его у тебя забирают.
ZruBkul
ZruBkul 08.12.2015 00:545
0
Kosten, а ты не хило поступил, мало знакомому деньги занял.
Kosten
Kosten 08.12.2015 00:586
0
Но как моло знакомому, у него на форуме была услуга, оптимизация, вот заказал ее, он сделал, как сейчас уже немного понимаю, просто теги прописал и на главной описание и вся работа. И вот все знакомство, и после недели или 2 обратился, что мол не выручишь, нужны полторы тонны, не стал даже спрашивать зачем, так как знал, что то сайтом какие то замутки были. И здесь его подогрел, только сказал, давай на неделю, так и договорились, и вот так макет получил.
Kvint
Kvint 08.12.2015 00:587
0
Так может он у тебя в контактах остался, спроси у него за эти стили.
FeStemBer
FeStemBer 08.12.2015 01:018
0
Костен, нормальные коды и цитаты нашел, переделать и они будут совершенно по другому смотреться, если кому нужны оригинальные. Хотя можно этот пунктир убрать и поставить на темный дизайн, вообще должно красиво слиться по своему стилю.
Kostik-malek
Kostik-malek 08.12.2015 01:0610
+1
Нормально, забираю, не нужно не чего по мне переделывать, они отлично смотрятся. Раньше стояли точно такие, только сами иконки немного другие были, а здесь сделаны очень понятно под стиль и они почти не видны и заметить изх также не возможно, это и считается отлично созданно.
Сопрано
Сопрано 08.12.2015 01:0911
+1
Тоже считаю, что вот эти тире, как то уже не так актуальны, или вообще только с правой стороны сделать. А также лучше поставить стандартную линию в один пиксель и правильно говорит Tventum, что поменяется дизайн, это не говоря за ссылки на кнопки, там не нужно яркие делать, а емли что то оригинальное, то такжн под этот оттенок, но правда не вижу, что в замен установить.
FeStemBer
FeStemBer 08.12.2015 01:1816
0
Да уже поставил и вправду, так они нормально, это говорю за кнопки, пока не вижу им замены.
Kosten
Kosten 08.12.2015 01:2118
0
Всегда нужно установить, чтоб реально посмотреть. Бывает так, что видишь и говоришь, да не это не мое, а когда примеришь и смотришь, да как раз на меня пошили, и так на сайте в этом же направление.
FeStemBer
FeStemBer 08.12.2015 01:1715
+1
Просто нет не чего из кода или стиля лишнего, все всегда кому то нужно будет. Вот сейчас уже долго идет профиль в шапке, но вообще плоский. А раньше ведь такого не было и стандартные были. Просто на этот момент, стали делать красиво и мало место занимает.
Kosten
Kosten 08.12.2015 01:1917
0
Вообще редко бывает, что на темный и на светлый можно ставить, всегда нужно подгонять и эти цитаты с кодом не исключение.
Kvint
Kvint 08.12.2015 01:5619
0
Бывает еще как, если идет скрипт и стили с ним, это значит можно переделать и желательно, чтоб чистое CSS было для этого.
1 2 »
avatar