Ами пак ти казвам, че става претрупано. Ау ама то зеления бил новия. Е той е по-добре. Само зеленото го смени, че е грозно. Иначе други забележки нямам, освен хедъра да го видиш. че седи празно в лявата страна за сметка на дясната. Прецени така да балансираш нещата, че да не си пречат пък и да не стане изрязано както е сега Ау, тоя последния е много добър. За за това дали ще се сетя - прилича на шаблон за Joomla или по-точно Versatility Ти на какъв монитор работиш? Много големи изглеждат нещата - формуляра за име и парола ми изглежда супер огромен

Редактирано 26 май 200719 г. от xsakex (преглед на промените)

Хора може ли да ми кажете сайт за PHP темлейти или ако имате ваши темлейти да си свавя. Нали ако вауще има такъв сайт. Благодаря предварително!!!

Хора може ли да ми кажете сайт за PHP темлейти или ако имате ваши темлейти да си свавя. Нали ако вауще има такъв сайт. Благодаря предварително!!!

Брат, тука не е темата. Нещо много оффтопик почнахте да я правите. И потърси по форума има такива постове. И xsakex e прав и Joomla имат най-яките темплейти.

Редактирано 26 май 200719 г. от m_sharky (преглед на промените)

Тая тема си е на шарки хахахах поне така изглежда и тук там някой JLuHyKc

Тая тема си е на шарки хахахах поне така изглежда и тук там някой JLuHyKc

Верно си е и май само на мене ми е важна

Ето и един дизайн от мен за мнения... не е нищо особено просто се чудих какво да направя и на всичкото отгоре ми беше деня след бала, в който не бях спал... мисля, че тоя фон е много тъмен, но нека оставя вие да ме посъветвате.

Редактирано 26 май 200719 г. от \krasko (преглед на промените)

m_sharky тъкмо щях да кажа, че си направил нещо, което е на светлинни години от другите дизайни и видях това:

Между другото идеята е взета от друг сайт, но да видим дали ще се сетите кой

По принцип съм против това да се "крадат" идеи, но наистина някой път човек вече не знае какво да прави.

Значи барнах го още малко и сложих логото на училището и ето какво се получи: http://newdesign.pmg-blg.com/design_clear1.jpg

Махнах му фона, за да изчистя още малко дизайна. Мисля, че е по-добре напълно бяло. Иначе по-тъмния фон фокусира вниманието върху основната част от сайт, докато по-светлия т.к. не е в такъв контраст малко расейва, но бялото е неангажиращо и изчистено. Според съветите на един друг дизайнер направих долното меню, където е по-светло зелено бутоните да не съвпадат със широчина с горните, т.к. се губи контраста и малко стават незабележими. Също така постесних малко синьото поле в средата, т.к. е много широко, а за второстепенните страници то ще стане по-тесно и за да няма такава рязка граница между отделните разновидности страница - главна и основна малко го постесних, но без да намалявам от ефектите и необходимото растояние.

За лото, както виждате му сложих звездите на EU - все пак сме европейско училище и сме от 22 май членове на Кеймбиджките училища та мисля, че вече след като всички институции си сложиха до логата и европейското- защото и ние да не го сложим. Може би е хубаво да присъства и българското знаме, но това вече означава да внеса още цветове и не мисля, че от дизайнерска гледна точка ще се получи добре. Мисля, че сега е максимално подробно и същевременно изчистено. Идеята ми е да ви питам смятате ли, че съм подбрал подходящо цветовете на логото и дали се е получило добре с 12-те звезди?

Също така получих съвет да не използвам при надписа на логото по-специален шрифт, а нещо по-обикновенно, но мисля, че и сега е добре. Този шрифт ми харесва, защото е стилен и прилага на подобна институция.

Това е за сега ще го барна още дизайна и в бъдеще почти няма да си прилича с оригинала Целта ми е да го направя дори по-добър от него, но ще видим

Всичко е ОК така. П.С. Виж си ЛС

Май е вярно, че темата е на sharky, за други явно няма място

Ами \krasko нещо не ми хваща окото това което си го направил. Шрифта не ми харесва и някак мрачно ми седи ... Май си личи, че е било след бала и направо ти се чудя как си успял да направиш и това

A дали със зелено е по-добро ? http://newdesign.pmg-blg.com/design_clear2.jpg

Или със синьо? http://newdesign.pmg-blg.com/design_clear3.jpg

Или както си беше? http://newdesign.pmg-blg.com/design_clear1.jpg

Редактирано 27 май 200719 г. от m_sharky (преглед на промените)

С червеното се откроява по-добре, но и с двете не е зле

Синьо е най-добре !

Какво ще кажете за тоя сайт . Аматьорски направен , но кажете какво мислите ЦъК

Мда, благодаря за "отговирте" @Lozev не очаквай мнения, съвети или критики ако ще... ВСИЧКО Е КОРУПЦИЯ не съм очаквал такова отношения към загубените, поне опитващи се да направят нещо макар и малко, web "дървари" Благодаря! Със здраве!

Какво ще кажете за тоя сайт . Аматьорски направен , но кажете какво мислите ЦъК

Еми няма кой знае какво да мислиме Мисля, че не отговаря на темата, т.к. аз лично дизайн не виждам а и има точно 13 реда информация

Хахаххах същото щях да напиша , ама едно нещо ме спря на _$POST

е ок кажете поне как да са науча да работя с HTML CSS и JAVASCRIPTOVE - ако моме някой сайт на БГ език...

Свали си некоя програмка за генериране на код като Dreamweaver CS3, Dreamweaver 8, Dreamweaver MX . Аз принципно работя с Dreamwaever 8

Сайтът ти трябва естествено трябва да има и преличен дизайн. Затова ти трябва Photoshop CS3 , Photoshop CS2 или CorelDRAW 12 със самоучител . За уроци за Photoshop и Corel DRAW виж uroci.net

Ето ти уроци за HTML и CSS:

За съвсем начинаещи

Отивате тук: http://www.tizag.com/ и четете "Beginner's Tutorial", "HTML Tutorial" и "CSS Tutorial"

Уроци по HTML + още нещо

http://www.tizag.com/ - HTML, CSS, Javascript, PHP, MySQL

http://www.w3schools.com/ - HTML, CSS, Javascript, VBScript, DHTML, XML, PHP, ASP, MySQL, .NET, Flash

http://www.htmldog.com/ - HTML, CSS

http://www.blooberry.com/indexdot/html/ - HTML: всеки елемент е разгледан поотделно и подробно: What is it, Common Attributes, Example, Parent Model, Content Model, Tips & Tricks, Browser Peculiarities

http://www.htmlhelp.com/ - и тук всеки HTML елемент и CSS атрибут е разгледан поотделно и подробно

http://www.loc.gov/iug/html40/40tags.html - HTML Tag List

http://www.quirksmode.org/index.html?/js/intro.html - Javascript

http://todos.zonebg.com/javascript/?r=jsall - Javascript

http://forums.flashbg.org/viewtopic.php?t=219 - Photoshop

CSS

http://www.corecss.com/properties/full-chart.php - Full CSS Property Compatibility Chart - пълен списък с CSS атрибутите и кой доколко се поддържа от различните браузъри и версии

http://www.quirksmode.org/css/contents.html - CSS Browser Compatibility - същото като предишното

http://www.alistapart.com/ - Статии за CSS с примери

http://glish.com/css/ - няколко примера за CSS позициониране

http://www.westciv.com/style_master/academy/css_tutorial/ - Complete CSS Guide

http://css.maxdesign.com.au/selectutorial/ - CSS

http://www.positioniseverything.net/ - статии

http://dbaron.org/css/test/ - CSS тестове

http://w3development.de/css/hide_css_from_browsers/ - How to Hide CSS from Buggy Browsers

http://www.yourhtmlsource.com/stylesheets/csslayout.html - CSS Layout

http://channels.lockergnome.com/web/archiv...ed_a_hack.phtml - Box model hack - какво е, защо се ползва и как точно

http://css-discuss.incutio.com/?page=BoxModelHack - сравнение между няколко вида box model hack

http://www.stunicholls.myby.co.uk/ - The CSS Playground - Experiments with CSS - ЛУДНИЦА

http://www.student.oulu.fi/~laurirai/www/css/middle/ - Няколко начина за вертикално центриране с CSS

http://www.positioniseverything.net/easyclearing.html - How To Clear Floats Without Structural Markup - как се чистят float-ове само с CSS, без HTML код

http://www.dithered.com/css_filters/ - Списък на всички CSS хакове (включително и такива, които ползват XHTML markup и javascript), кой за кой браузър е, възможност за онлайн тестване

http://centricle.com/ref/css/filters/ - Още един списък, тоя път само на "CSS only" хаковете, кой за кой браузър е, с възможност за онлайн тестване

На български

http://www.v111p.com/f1-bg/xhtml1 - XHTML

http://www.groovemanifesto.net/articles/ar...?porn=code/css1 - CSS

http://flashbg.org/tutorials/ - не толкова уроци, колкото статии и примери за конкретни неща

Quirks mode, Standards mode

http://www.quirksmode.org/css/quirksmode.html - за разликите между quirks mode и standard mode

http://hsivonen.iki.fi/doctype/ - Activating the Right Layout Mode Using the Doctype Declaration - Как се изменя режима на работа на различните браузъри, в зависимост от вида и синтаксиса на DOCTYPE-а

Валидатори и анализатори

http://validator.w3.org/ - HTML

http://jigsaw.w3.org/css-validator/ - CSS

http://www.htmlhelp.com/tools/validator/ - HTML

http://www.htmlhelp.com/tools/csscheck/ - CSS

http://flumpcakes.co.uk/css/html-tidy/ - HTML Tidy - изчиства и оптимизира HTML кода, сменя енкодинг, подобрява читаемостта

http://cdburnerxp.se/cssparse/css_optimiser.php - CSS Optimizer - по избор подрежда селекторите, атрибутите, компресира цветове, в зависимост от зададените предпочитания размер/читаемост, намалява размера на CSS файла

http://flumpcakes.co.uk/css/optimiser/ - още един CSS Optimizer

http://www.htmlhelp.com/tools/valet/ - Link Validator

http://www.elsop.com/quick/ - Broken Links Checker

http://www.searchengineworld.com/cgi-bin/robotcheck.cgi - robots.txt file validator

http://www.websiteoptimization.com/services/analyze/ - анализатор на бързината на зареждане на уеб страница от гледна точка на това от колко обекта се състои тя, колко картинки има, колко е голям CSS файлът и т.н.

http://internetsupervision.com/scripts/urlcheck/check.aspx - анализатор на бързината на уеб хостинг от 7 различни точки по света

http://webxact.watchfire.com/ - бившето "Bobby" анализира качеството, достъпността и степента на защита на данните; по-стриктен и пълен от "Cynthia":

http://www.contentquality.com/ - WCAG (валидатор и анализатор на достъпността)

http://www.prchecker.info/check_page_rank.php - Google PageRank Checker. Под Internet Explorer трябва да се кликне бутончето Check PR (а не просто да се натисне Enter), иначе показва ранк 0.

Как се вижда даден сайт под други браузъри?

http://www.browsercam.com/default.aspx - емулира изглед под всякакви операционни системи и браузъри. Платена услуга, но има 24-часов free trial.

http://danvine.com/icapture/ - емулатор за Safari под Mac OS. Безплатно, след регистрация.

http://www.quirksmode.org/browsers/multipleie.html - как да си сложим различни версии на IE на един компютър, под един Windows. Изпробвал съм го, работи.

Статистика за ползваемостта на браузърите

http://www.upsdell.com/BrowserNews/stat.htm - от 5 различни източника едновременно

http://www.w3schools.com/browsers/browsers_stats.asp

http://www.thecounter.com/stats/

http://www.webreference.com/stats/browser.html

http://www.cen.uiuc.edu/bstats/latest.html

http://www.artlebedev.com/tools/browsers/ - за Русия

Уеб стандарти

http://www.456bereastreet.com/lab/developi...b_standards/bg/ - да работим по уеб стандартите

http://www.7nights.com/asterisk/archive/20...b-standards-roi - WEB standards Return on Investment (ROI)

http://www.winwriters.com/using_web_standards.htm - Using Web Standards to Create HTML Files

http://www.maccaws.org/kit/way-forward/ - The Way Forward with Web Standards - Пътят напред с уеб стандартите - стандарти, ползи, митове

http://flashbg.org/tutorials/stupidtables/ - Защо използването на таблици за оформяне на страницата е глупаво

http://www.decloak.com/Dev/CSSTables/CSS_Tables_01.aspx - Защо няма смисъл да се работи по уеб стандартите - мнението на скептиците

http://flashbg.org/tutorials/bringonthetables/ - пълно ръководство за използване на семантично коректни и достъпни HTML таблици

http://www.sitepoint.com/article/standards-compliant-world - New-Window Links in a Standards-Compliant World - как да отваряме нови прозорци под стандарт XHTML Strict

SEO - Search Engine Optimization

http://www.seochat.com/ - много добър сайт - много статии и инструменти

http://www.seoconsultants.com/

http://searchenginewatch.com

http://www.submitexpress.com/analyzer/ - META tag analyzer - проверява дължината на мета таговете и релевантността им спрямо текста на страницата

http://www.submitexpress.com/linkpop/ - Link Popularity Checking Tool - показва колко страници съдържат линк към даден сайт

http://www.bruceclay.com/searchenginerelationshipchart.htm - Search Engine Relationship Chart - показва взаимовръзките между основните търсачки от гледна точка на това коя от коя взима резултати

http://www.bruceclay.com/web_rank.htm - указания, различни инструменти за анализ, информация за това как работят най-големите търсачки (всяка разгледана поотделно)

http://www.widexl.com/remote/search-engines/saturation.html - Search Engine Saturation - показва колко страници от даден сайт са индексирани в основните търсачки

P3P Privacy Policy

http://fs.pics.enc.or.jp/p3pwiz/p3p_en.html - безплатен онлайн P3P Policy генератор. Генерира и compact privacy policy за поставяне в http header, което е необходимо за всеки сайт, който ползва PHP сесии (това е заради IE).

http://www.alphaworks.ibm.com/tech/p3peditor - безплатен P3P policy editor за сваляне. Повече информация за него на http://www.w3.org/P3P/imp/IBM/

Други полезни връзки

http://chrispederick.com/work/firefox/webdeveloper/ - Web Developer Toolbar за Firefox - страшна работа!

http://www.accessify.com/ - сайт, посветен на достъпността. Съдържа статии, tutorials, инструменти и генератори на валиден код

http://www.groovemanifesto.net/articles/ - статии на тема уеб дизайн на български

http://phnk.com/design/survey/ - статистика за методите на работа на световните гурута в уеб дизайна

http://www.viewhtml.com/ - View HTML source and response headers

http://whois.webhosting.info/ - Колко домейна се хостват на дадено IP

http://www.htmlcenter.com/tutorials/tutorials.cfm/151/DHTML/ - DOM-based javascript image rollovers

http://www.smackthemouse.com/20030831 - Don't force new windows on users - За и против отварянето на нови прозорци

http://www.tizag.com/htmlT/entreftable.php - HTML Entities Table - Таблица с кодовете на специалните символи в HTML

А за всички които искат да се нарадват на дизайн с ЦСС:

http://www.cssimport.com/

http://screenspire.com/

Юзъбилити:

http://www.adaptivepath.com/

Още CSS

http://www.quirksmode.org/css/quirksmode.html

CSS - Quirks mode and strict mode

http://www.webcredible.co.uk/user-friendly...ss-tricks.shtml

Ten more CSS tricks you may not know

Малко и за типографията...

http://typetester.maratz.com/

Typetester – Compare fonts for the screen

Постът е взет от: http://forum.joomla-bg.com/index.php?topic...msg%25msg_id%25

Редактирано 29 май 200719 г. от m_sharky (преглед на промените)

Sharky знам ,че не е тука мястото малко се отклонявам от темата ,но за какво се използва Corel Draw-a ? И как мога да измера (чрез програма или?) мястото в което да поставя CSS Layer , тъй като дриймуеивъра греши Благодаря предварително

Редактирано 29 май 200719 г. от sharpshoot3r (преглед на промените)

ае това е много трудо да работиш с CSS и HTML кодове ... вий на уроци ли сте ходили ? Или просто като сте прочели там от сайтовете и ви е станало ясно много искам и аз да се науча ама...

Sharky знам ,че не е тука мястото малко се отклонявам от темата ,но за какво се използва Corel Draw-a ? И как мога да измера (чрез програма или?) мястото в което да поставя CSS Layer , тъй като дриймуеивъра греши Благодаря предварително

Много не те разбрах, но мисля, че искаш да кажеш как да зададеш стойности на width height left и right на layer ?

Не те съветван да ползваш лейъри за играждане на дизайна на сайта или таблици - ползвай div, т.к. с лейъри сайта става статичен и невъзможен за редакции - нито чрез въвеждане на динамично съдържание нито чрез пряка редакция на файла - много е неудобно. Да не говорим за това, че няма да има никаква съвместимост с резолюция под 1024. Ползвай дивове - те имат същата характеристика като лейърите - width, height и макар на пръв поглед да не е толкова лесно да се работи с тях са много по-добре от лейъри, които имат абсолютни стойности за width, height, left и right. Иначе див пак по същия начин можеш да му зададеш такива характеристики и лейър да стане много лесно див само махаш position: absolute; left: ...px; right: ...px; Това всичко става в css кода на html файла или в отделен файл .css, който се импортва в html чрез:

<link rel="stylesheet" href="адрес на .css" type="text/css" -->

Пример за това как може да ти изглеждат характеристиките на един див или лейър в css:

#news {
	margin-top:5px;
	padding-left:8px;
	width:308px;
	background: #FFFFFF;
}

както виждаш има width, но в случая не е зададен height, както може да не се зададе и width в такъв случай div-ът се оразмерява според съдържанието автоматично. На дивове не се задават стойности за left и right както вече казах. Може да има още множество характеристики свързани с позиционирането на дива и съдържанието вътре в него:

margin-top: margin-bottom:, margin-left:, margin-right:, това премества дива точно толкова пиксела колкото му зададеш по-надолу, нагоре, надясно или наляво зависимост от това какво си му задал. В горния пример премества спрямо горната граница diva 5px по-надолу.

padding служи за позициониране на съдържанието вътре в дива, като работи на същия принцип като margin, но го "избутва" вътре в дива като прави растояни между ръба на дива и съдържимото.

text-align: служи за позициониране на сърържанието: left, center, right, justify.

float: left; - служи когато на един ред в html има два или повече diva и позиционира опредлен див да стои отляво иначе ако не е зададено вторият див ще отиде на долния ред. Може да е още: center, right.

Има още стотици етикети, които съществуват в CSS можеш да ги видиш в интернет или ако ползваш dreamweaver, която покзава най-популярните от тях.

Също така можеш да рагледаш един CSS файл как изглежда и какво се ползва най-вече:

html,body,div,ol,ul,li,h1,h2,h3,h4,h5,h6,p,form,fieldset {
  margin: 0;
  padding: 0;
}
body {
  font: 12px Arial,Tahoma,sans-serif; /*75%*/
  color: #444; /*#244;*/
  margin: 0;
  padding: 0;
  text-align: center;
}


/* GENERAL STYLES
------------------------------------------*/
a {
  color: #17A;
  text-decoration: none;
}
a:hover, a:hover {
  color: #0099EA;
  text-decoration: underline;
}
.right {
  float: right;
}
.left {
  float: left;
}
.new {
  color: #CC3333;
}
.error {
  background-color: #F9E1E1;
  border: 1px solid #EAAEAE;
  padding: 6px;
}
.success {
  background-color: #EDF9E2;
  border: 1px solid #CCEBAD;
  padding: 6px;
}
#container {
  width: 770px;
  margin: 0;
  padding: 0;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

/* HEADER
------------------------------------------*/
#header {
  background: #FAFEFF url(/images/header_bg.gif) repeat-x;
  height: 94px;
}
#header img {
  margin: 27px 0 0 24px;
}
#background_swap {
  background: url(/images/swap_bg.gif) no-repeat;
  float: right;
  margin: 30px 24px 0 0;
  padding: 10px 0 0 71px;
  height: 30px; /*40*/
  width: 98px; /*169*/
  display: inline;
}
#background_swap a {
  margin: 0 4px 0 0;
  padding: 0;
}
#background_swap a img {
  margin: 0;
  padding: 0;
}


/* MAIN NAVIGATION
------------------------------------------*/
/*.min_width {
  min-width: 770px;
  
  width: expression( this.parentNode.offsetWidth <= 770 ? "770px" : "auto" );
}*/
#navigation {
  background: #FAFEFF url(/images/nav_bg.gif) 0 3px repeat-x;
  height: 33px;
}
#navigation ul, #sub_navigation span {
  margin-left: 24px;
}
#navigation li {
  list-style: none;
  display: inline;
}
#navigation a {
  background-position: 30px 13px !important;
  float: left;
  
  /* Image Replacement Techniques */
  /*font-size: 1px;
  color: #6FBF20;*/
  text-indent: -9999px;
  text-decoration: none;
  
  /*line-height: 33px;*/
  height: 30px;
}
#navigation .selected a, #navigation a:hover {
  border-top: 3px solid #7EC638;
  line-height: 30px;
  
  background-position: 30px 8px !important;
}
#navigation span {
  float: left;
  background: url(/images/nav_bg_sep.gif) 0 3px no-repeat;
  width: 1px;
  height: 33px;
}

#nav_products a {
  width: 111px;
  background: url(/images/nav_products.gif) no-repeat;
}
#nav_schemes a {
  width: 145px;
  background: url(/images/nav_schemes.gif) no-repeat;
}
#nav_forums a {
  width: 136px;
  background: url(/images/nav_forums.gif) no-repeat;
}
#nav_articles a {
  width: 131px;
  background: url(/images/nav_articles.gif) no-repeat;
}
#nav_blog a {
  width: 85px;
  background: url(/images/nav_blog.gif) no-repeat;
}
#nav_contact a {
  width: 103px;
  background: url(/images/nav_contact.gif) no-repeat;
}

/* Sub-navigation bar */
#sub_navigation {
  background: #CBEEA8 url(/images/subnav_bg.gif) top left repeat-x;

  border-bottom: 1px solid #525C3D; /*dark: #576241 - light: #9FB591;*/
  overflow: auto;
}
#sub_navigation ul {
  float: left;
	list-style: none;
}
#sub_navigation li {
  float: left;
	list-style: none;
}
#sub_navigation a {
  background: url(/images/subnav_bg_sep.gif) right no-repeat;
  float: left;
  font-size: 10px;
  line-height: 10px;
  text-decoration: none;
  padding: 10px 25px 10px 24px;
  color: #474;
}
#sub_navigation a:hover, #sub_navigation .selected a {
  background-color: #DCF3C2;
  color: #3F5A3F;
}
#sub_navigation span {
  float: left;
  background: url(/images/subnav_bg_sep.gif) no-repeat;
  width: 1px;
  height: 30px;
}
#sub_navigation.flat {
  height: 5px;
  font-size: 1px;
  line-height: 5px;
  background: #B4DE8B;
}


/* THE BIG BAR
------------------------------------------*/
#bigbar {
  clear: left;
  background: #0C9FD6 url(/images/bigbar_bg.gif) repeat-x;
  height: 210px;
}
#bigbar a {
  color: #EBF7FA;
  text-decoration: none;
}
#bigbar a:hover {
  color: #FFF;
}

/* News section */
#bigbar #news1 {
  float: left;
  background: url(/images/bigbar_bg_left.jpg) no-repeat;
  width: 241px; /*435*/
  height: 179px;
  padding: 30px 10px 0 10px;
  text-align: center;
  display: inline;
}
#bigbar #news2 {
  float: left;
  width: 238px;
  height: 179px;
  padding: 30px 10px 0 10px;
  text-align: center;
  display: inline;
}
#news1 p, #news2 p {
  margin-top: 4px;
}

/* News Icons with PNG transparency */
a img {border:none;} /* turn off link borders */
#news_studioscreen_png {
  width: 122px;
  height: 128px;
}
#news_osxscreen_png {
  width: 133px;
  height: 128px;
}
#news_schemes_png {
  width: 74px;
  height: 125px;
}

#bigbar h3 {
  font: italic 13px Arial,Tahoma,sans-serif;
  text-transform: uppercase;
  color: #FFB;
  margin: 4px 0 10px 0;
  padding: 0;
}

/* Quote section */
#bigbar #quote {
  position: relative;
  float: left;
  height: 210px;
  width: 230px;
}

#bigbar #quote_bg {
  margin: 22px 0 0 15px;
  padding: 4px 0 30px 0;
  height: 176px;
  width: 215px;
  background: url(/images/quote_bg.png) no-repeat;
  
  font: italic 13px/19px Arial,sans-serif;
  color: #EBF7FA;
  text-align: center;
  vertical-align: middle;
}
#bigbar #quote_bg td {
  padding: 0 8px;
}

#bigbar cite {
  position: absolute;
  left: 90px;
  top: 177px;
  color: #E1F5FA;
  width: 136px;
  font-style: normal;
}
.bigbar_sep {
  float: left;
  background: url(/images/news_sep.png) no-repeat;
  height: 209px;
  width: 2px;
}


/* THE SMALL BAR
------------------------------------------*/
#smallbar {
  clear: left;
  background: #0C9FD6 url(/images/content_header_bg.gif) repeat-x;
  height: 70px;
}
h1 {
  float: left;
  width: 200px;
  background: url(/images/content_header_bg_left.gif) repeat-x;
  height: 70px;
  padding: 0 25px;
  font: normal 20px/70px Optima,Georgia,Arial Narrow,Arial,sans-serif; /*20*/
  color: #FFF;
  
  overflow: hidden;

  /*text-transform: uppercase;
  letter-spacing: 1px;*/
}
#smallbar span {
  float: left;
  background: url(/images/content_header_bg_right.gif) no-repeat;
  height: 70px;
  width: 75px;
}
#small_quote {
  width: 423px;
  /*margin-left: 55px;*/
  height: 70px;
  font: italic 13px/19px Arial,sans-serif;
  text-align: right;
  vertical-align: middle;
}
#small_quote a {
  color: #CBE9F6;
}
#small_quote a:hover {
  color: #FFF;
  text-decoration: none;
}


/* MAIN CONTENT
------------------------------------------*/
#main {
  /*background: url(/images/content_shadow.gif) repeat-x;*/
  overflow: auto;
}
#content {
  float: left;
  width: 474px;
  margin: 25px 24px 0 24px;
  line-height: 19px; /* 16px for 11px font */
  
  display: inline;
}
#content p {
  margin: 0 0 14px 0;
}
h2 {
  color: #C52; /*#D05A25;*/
  margin: 0 0 17px 0;
  font: normal 16px Optima,Georgia,Arial Narrow,Arial,sans-serif;
  line-height: 23px;
}
h2 .info {
  float: right;
  font: italic 12px/21px Arial,sans-serif;
  height: 21px;
  color: #999;
  border-left: 1px solid #E4ECF2;
  margin: 3px 8px 0 0; /*31*/
  padding-left: 8px;
  display: inline;
}
h2 .no_border {
  border: none;
}

/* product icons */
.pc {
  background: url(/images/winicon.gif) 8px 1px no-repeat;
  float: right;
  height: 21px;
  font-size: 1px;
  line-height: 21px;
  color: #FFF;
  border-left: 1px solid #E4ECF2;
  margin: 3px 0 0 0;
  width: 36px;
}
.mac {
  background: url(/images/macicon.gif) 8px 1px no-repeat;
  float: right;
  height: 21px;
  font-size: 1px;
  line-height: 21px;
  color: #FFF;
  border-left: 1px solid #E4ECF2;
  margin: 3px 0 0 0; /*31*/
  width: 36px;
}
.web {
  background: url(/images/webicon.gif) 8px 2px no-repeat;
  float: right;
  height: 21px;
  font-size: 1px;
  line-height: 21px;
  color: #FFF;
  border-left: 1px solid #E4ECF2;
  margin: 3px 0 0 0; /*31*/
  width: 36px;
}

/* product colors */
.product {
  background: url(/images/header_hr.gif) 0 bottom no-repeat;
  margin: 0 0 5px 0;
  padding: 0 0 16px 0;
  font-size: 20px;
  color: #8FA5AD;
}
.studio {
  color: #006F9A;
}
.osx {
  color: #C33;
}
.v3 {
  color: #D6601F;
}
.colorpix {
  color: #664C99;
}
.online {
  color: #482;
}
.galleria {
  color: #C56;
}

h2 .bullet {
  color: #8FA5AD;
  font: bold 13px/43px Arial,Tahoma,sans-serif;
  vertical-align: top;
}

.product_screenshot {
  float: right;
  margin: 6px 0 0 16px;
  display: inline; /* fix IE double-float bug */
}
.requires {
  clear: right;
  float: right;
  width: 200px;
  text-align: center;
  font-size: 11px;
  color: #999;
}
.screenshot_block {
  clear: left;
  margin-bottom: 24px;
  overflow: auto;
}
h4 {
  font-size: 12px;
  font-weight: bold;
}
.screenshot {
  float: left;
  margin: 0 16px 0 0;
  display: inline; /* fix IE double-float bug */
}
.colorpix_screen {
  margin-right: 45px;
}
.content_block {
  margin-bottom: 36px;
  overflow: hidden;
}

.product_nav {
  margin-left: 2px;
  overflow: auto;
  /*font-size: 11px;*/
  /*font-weight: bold;*/
  color: #467;
}
.product_nav li {
  list-style-type: none;
  display: inline;
  margin-right: 16px;
}

ul.with_bullets {
  margin-bottom: 14px;
}
ul.with_bullets li {
  list-style-type: square;
  margin: 0 0 6px 22px;
  color: #455;
}
/*.content_block li {
  list-style: none;
  display: inline;
}
.content_block li a {
  float: left;
  display: block;
  padding: 4px 12px;
  margin-right: 8px;
  
  background-color: #F5FAFC;
  border: 1px solid #DFEDF2;
}*/

.popout_block {
  background-color: #FFFFF4;
  border: 1px solid #F4F4CC;
  padding: 14px;
  margin: 20px 0;
}
.popout {
  color: #903;
}
.highlighter {
  color: #000;
  background-color: #FFFFF0;
}
.key {
  float: left;
  width: 140px;
}
hr {
  clear: left;
  border: none 0;
  border-top: 1px solid #EEE;
  height: 1px;
  margin: 16px 0 !important;
  margin: 10px 0;
}

.product_table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 10px 0 20px 0;
}
.row1 {
  background-color: #F5F9FA; /*#F4F9FA;*/
}
.row2 {
  background-color: #F1F7F9; /*#EFF6F8;*/
}
.product_table .col1, .product_table .col3, .product_table .col4 {
  text-align: center;
}
.product_table .col5 {
  text-align: right;
}
.product_table .col_foot1 {
  background-color: #fff;
  border-top: 1px solid #E7F0F4;
}
.product_table .col_foot1 a {
  font-weight: normal;
}
.product_table .col_foot2 {
  background-color: #fff;
  border-top: 1px solid #E7F0F4;
  text-align: right;
}
.product_table th, .product_table td {
  padding: 8px;
  border-top: 1px solid #FFF;
  border-right: 1px solid #FFF;
}
.product_table th {
  background-color: #E6F1F4; /*#E6F1F4;*/
}
.product_table td {
  /*background-color: #F5F9FA;*/
}
.product_table td a {
  font-weight: bold;
}
.order_submit {
  padding: 4px 6px;
}

/* Schemes Section Content Styles
***********************************/
#pageNav {
  float: left;
  font: 11px Tahoma, Arial, sans-serif;
  width: 474px;
  margin-top: 40px;
  padding: 20px 0;
  border-top: 1px solid #CCC;
  text-align: center;
}
#pageNav span {
  font-weight: bold;
  padding: 2px 6px 3px 6px;
  border: 1px solid #FFF;
  margin-bottom: 20px;
}
#pageNav a {
  background: #F8FBFC;
  color: #069;
  text-decoration: none;
  padding: 2px 6px 3px 6px;
  border: 1px solid #E2EFF3;
}
#pageNav a:hover {
  border-color: #B7D7E1;
}
.right {
  float: right;
}
.right a {
  padding: 0;
}
.sep {
  color: #C6D6E6;
  padding: 0 6px;
}
#tags {
  float: left;
  margin-top: 10px;
  font-family: Georgia,"Times New Roman", Serif;
}
#tags span {
  margin-right: 6px;
  line-height: 42px; /*1.4em;*/
}

.blockInfo {
  background: url(/images/optsbg.gif);
  border-top: 1px solid #E3EBF3;
  border-bottom: 1px solid #E3EBF3;
  padding: 12px 1px 12px 4px;
  margin-bottom: 20px;
  font: 11px Tahoma,Arial,sans-serif;
  color: #666;
}
p#nowShowing {
  margin: 0px;
}
p#sortOptions {
  float: right;
}
p#sortOptions span {
  margin: 0 3px;
}


/* ----| Scheme Layout |--------------------------- */
#content h3.scheme_title {
  float: left;
  background: url(/images/docicon16.gif) 0 5px no-repeat;
  width: 474px;
  padding: 4px 0 3px 0; /*22px left*/
  margin: 10px 0 0 0; /*40px top */
  font: 19px/19px Georgia,"Times New Roman",serif;
  font-weight: normal;
  border-bottom: 1px solid #D8E3EE; /*#D1E2EB; #E8E3D6;*/
}
#content h3.scheme_title a {
  padding-left: 22px;
  color: #069; /*069*/
  text-decoration: none;
  letter-spacing: -0.02em;
}
#content h3.scheme_title a:hover {
  color: #09C;
  text-decoration: none;
}
a.del {
  padding: 0 0 0 4px !important;
  color: #C33 !important;
  font: 11px Arial, sans-serif;
  /*line-height: 0;*/
}
a.del:hover {
  color: #C33 !important;
}
#content .scheme {
  float: left;
  display: block; /* SPAN */
  width: 474px;
  margin-bottom: 30px;
}
#content .scheme p {
  float: left;
  padding: 0;
  /*margin: 0 7px 12px 7px;*/
  margin: 8px 7px 0 7px;
  font-size: 11px;
  line-height: 15px;
  color: #4E6C7E;
  display: inline;
}
#content .schemeInfo {
  float: left;
  background: url(/images/optsbg.gif);
  width: 460px;
  padding: 10px 7px;
  margin-bottom: 14px;
  color: #385A6B;
  font: 11px Tahoma,Arial,sans-serif;
  line-height: 11px;
}
#content .tags {
  float: left;
  clear: left;
  padding: 6px 0;
  margin: 0 7px 0 7px;
  width: 460px;
  color: #385A6B;
  font: 11px Tahoma, Arial, sans-serif;
  line-height: 15px;
  display: inline;
}
#content .top-border {
  border-top: 1px dashed #E6E6E6;
  margin-top: 8px !important;
}
#content .bottom-border {
  border-bottom: 1px dashed #E6E6E6;
}
#content .tags p {
  float: left;
  /*width: 54px;*/
  margin: 0 6px 0 0;
  padding: 0;
}
#content .tags a {
  float: left;
  margin-right: 5px;
}
#content .outer {
  float: left;
  border: 1px solid #CCC;
  padding: 1px;
  margin: 0 0 7px 7px;
  /*display: inline-block;*/ /* SPAN, was: inline */
}
#content .shadow {
  display: block;
  padding: 1px;
}
#content .color {
  display: block;
  height: 25px;
  width: 25px;
  margin: 0;
  padding: 0;
}
#content .highlight {
  border-color: #666;
}

.rating {
  margin-left: 4px;
}
.votes {
  color: #9AB;
}

/*STARS */
.star_rating{
		list-style:none;
		margin: -1px 0 0 -1px;
		padding:0;
		width: 70px;
		height: 12px;
		position: relative;
		background: url(/images/rating_stars.gif) 0 0 repeat-x;	
	overflow: hidden;
	/*float: left;*/
	}
	.star_rating li{
		padding:0;
		margin:0;
		float: left;
	}
	.star_rating li a{
		display:block;
		width:14px;
		height: 12px;
		text-decoration: none;
		text-indent: -9000px;
		z-index: 20;
		position: absolute;
		padding: 0;
	margin: 0;
	}
	.star_rating li a:hover{
		background: url(/images/rating_stars.gif) 0 12px;
		z-index: 2;
		left: 0;
	}
	.star_rating a.one_star{
		left: 0;
	}
	.star_rating a.one_star:hover{
		width:14px;
	}
	.star_rating a.two_stars{
		left:14px;
	}
	.star_rating a.two_stars:hover{
		width: 28px;
	}
	.star_rating a.three_stars{
		left: 28px;
	}
	.star_rating a.three_stars:hover{
		width: 42px;
	}
	.star_rating a.four_stars{
		left: 42px;
	}	
	.star_rating a.four_stars:hover{
		width: 56px;
	}
	.star_rating a.five_stars{
		left: 56px;
	}
	.star_rating a.five_stars:hover{
		width: 70px;
	}
	.star_rating li.current_rating{
		background: url(/images/rating_stars.gif) 0 24px;
		position: absolute;
		height: 12px;
		display: block;
		text-indent: -9000px;
		z-index: 1;
	left: 0;
	}


/* SIDEBAR
------------------------------------------*/
#sidebar {
  float: left;
  width: 200px; /*229*/
  margin: 16px 0 0 25px;
  font-size: 11px;
  display: inline;
}
#sidebar ul li {
  list-style: none;
}
#sidebar p {
  color: #4B798B; /*#70645C;*/
  line-height: 14px;
  margin: 0 0 10px 0;
  padding: 0;
}
#sidebar li {
  /*background: url(/images/sidebar_bg_item_sep.gif) bottom left repeat-x;*/
  padding-bottom: 7px;
  margin: 0 0 16px 0; /*20 l & r*/
  /*border-bottom: 3px double #CCE0E0; */
}
#sidebar ul li ul li {
  padding: 0;
  margin: 0;
  border: none;
}

/* sidebar headers */
#sidebar h2 {
  font-size: 12px;
  /*color: #C52; #D62;*/
  line-height: 15px;
  text-transform: uppercase;
  margin: 12px 0 8px 0;
  border: none;
}

/* Product Section Sidebar Styles
**********************************/
#sidebar #fresh_schemes a {
  display: block;
  width: 198px;
  /*color: #8B734B;*/
  line-height: 23px;
  border-top: 1px solid #DFEDF2; /*#F2F2DF;*/
  padding: 4px 0 0 2px;
}
#sidebar #fresh_schemes a:hover {
  color: #17A;
  background-color: #FFF; /*#FCFCF9;*/
  text-decoration: none;
}
#sidebar #fresh_schemes a span.doc_icon {
  background: url(/images/docicon16.gif) 1px 0 no-repeat;
  padding: 2px 0 0 19px;
}
.bullet {
  /*color: #789;*/
  font: bold 10px tahoma,arial,sans-serif;
}
#sidebar .scheme {
  display: block;
  width: 190px;
  margin: 5px 0 0 0;
  padding-bottom: 11px;
  overflow: auto;
}
#sidebar .outer {
  float: left;
  background-color: #FFF;
  border: 1px solid #C4D4D4; /*#D4D0C4;*/ /*#C4D4D4;*/
  padding: 1px;
  margin: 0 5px 0 0;
  display: block; /* was: inline */
}
#sidebar .shadow {
  display: block;
  padding: 1px;
}
#sidebar .color {
  display: block;
  height: 21px;
  width: 21px;
  margin: 0;
  padding: 0;
}
div.clear {
  clear: both;
}

/* Schemes Section Sidebar Styles
**********************************/
#sidebar img.screen {
  display: block;
  margin: 0 auto;
  border: 0;
  /*margin: 4px 0 12px 19px;*/
}
#sidebar a.pcicon {
  display: block;
  background: #FBFDFE url(/images/winicon.gif) 26px 8px no-repeat;
  padding: 11px 6px 10px 52px;
  border-bottom: 1px solid #D4E7ED;
}
#sidebar a.pcicon:hover {
  background-color: #FFF;
  text-decoration: none;
}
#sidebar a.macicon {
  display: block;
  background: #FBFDFE url(/images/macicon.gif) 26px 9px no-repeat;
  padding: 11px 6px 10px 52px;
  border-bottom: 1px solid #D4E7ED;
}
#sidebar a.macicon:hover {
  background-color: #FFF;
  text-decoration: none;
}
#sidebar span#logout {
  float: right;
}
ul#userNav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  border-top: 1px solid #D4E7ED;
  /*border-bottom: 1px solid #D4E7ED;*/
}
ul#userNav li {
  border-bottom: 1px solid #D4E7ED !important;
  margin: 0;
  padding: 0;
}
ul#userNav li a {
  display: block;
  background-color: #FBFDFE;
  color: #117CA1; /*#155C7A;*/
  padding: 11px 0 10px 11px;
  text-decoration: none;
  font: 11px tahoma, sans-serif;
}
ul#userNav li a:hover {
  background-color: #FFF;
  color: #069; /*#0F4257;*/
  text-decoration: none;
}
ul#userNav li a strong {
  margin-right: 4px;
}
ul#userNav li a:hover strong {
  color: #C33;
}
#sideLogin fieldset {
  border: 1px solid #D4E7ED;
  background: #FBFDFE;
  padding: 10px;
  text-align: right;
}
#sideLogin .textbox {
  width: 100px;
}
#sideLogin .submit {
  margin-top: 6px;
}
#sideLogin .lostpassword {
  float: left;
  margin-top: 7px;
}
#sideLogin .lostpassword label {
  color: #4E6C7E;
  font-size: 11px;
  margin: 0;
  padding: 0;
}
.sideoutline {
  border-top: 1px solid #D4E7ED;
  border-bottom: 1px solid #D4E7ED;
  /*border: 1px solid #D4E7ED;*/
  background-color: #F8FBFC;
  padding: 14px 0;
}


/* FOOTER
------------------------------------------*/
#footer {
  clear: left;
  width: 475px;
  margin: 24px 25px;
  padding-top: 16px;
  text-align: center;
  border-top: 1px solid #E6E6E6;
  color: #AAA;
}
#footer a {
  color: #788;
}
#footer p {
  font-size: 11px;
}


/* FORMS
------------------------------------------*/
fieldset {
  border: none;
}
#content fieldset {
  background-color: #FDFDF8;
  margin: 20px 0;
  padding: 20px 16px;
  border-top: 1px solid #F3F3E2;
  border-bottom: 1px solid #F3F3E2;
}
#content fieldset p.small {
  font-size: 11px;
  margin-top: 10px;
}
fieldset#mycs input {
  margin-left: 14px;
}
.row {
  clear: left;
}
.textbox {
  margin-top: 2px;
}
#contact .textbox {
  width: 200px;
}
#login label.left,#contact label,#register label {
  float: left;
  margin: 2px 0 10px 0;
  width: 90px;
}
#sideLogin label.left {
  float: left;
  text-align: left;
  color: #0F4257;
  font-size: 11px;
  margin: 6px 0 9px 0;
  width: 62px;
}
#private1,#private2,#private3,#private4,#remember {
  margin: 4px 4px 0 0 !important;
  margin: 0;
  margin-left: -4px;
  padding: 0;
}
#remem {
  margin: 4px 4px 0 0 !important;
  margin: 0;
  margin-left: -4px;
  padding: 0;
}
#login label.remember {
  font-size: 11px;
}

#upload fieldset .row {
  margin-bottom: 30px;
}
#login span {
  float: left;
  width: 90px;
}
#register label {
  float: left;
  margin: 6px 0 10px 0;
  width: 140px;
}
#editscheme label.right {
  float: right;
  margin: 6px 0 10px 7px;
  width: 160px;
}
#editscheme h3 {
  margin-top: 12px;
}
#editscheme .row {
  clear: both;
  margin-left: 7px;
}
#editscheme .rowcomment {
  font: 10px Tahoma,sans-serif;
  color: #999;
  margin-left: 2px;
}
#editscheme .submit {
  margin-left: 7px;
}
a.pop {
  position: relative;
  color: #06C;
  cursor: help;
}
a.pop:hover {
  text-decoration: none;
  border: none;
}
a.pop span {
  display: none;
}
a.pop:hover span {
  display: block;
  position: absolute;
  top: 20px;
  left: 0;
  width: 160px;
  padding: 8px; 
  z-index: 100;
  background: #FFFFF4;
  color: #333;
  border: 1px solid #F4F4CC;
  font-size: 11px;
}
#upload label {
  clear: none;
  font-size: 11px;
}
#upload label.number {
  float: left;
  clear: left;
  text-align: center;
  width: 40px;
  font: 48px Georgia,"Times New Roman",serif;
  color: #EDEDAB;
  padding: 0 12px 0 0;
  margin: 0 20px 0 0;
  border-right: 1px solid #EDEDAB;
}
#upload label.check {
  color: #80804C;
}


/* BLOG-SPECIFIC STYLES
------------------------------------------*/
h2 a {
  color: #D6601F;
}
/*#content h3 {
  font: normal 17px Optima,Georgia,Arial,sans-serif;
  border-bottom: 1px solid #E4EBED;
  margin-bottom: 10px;
}*/
small {
  color: #999;
}
#comment {
  width: 450px;
}
p.postmetadata {
  color: #999;
  font-size: 11px;
  border-top: 1px dotted #EEE;
  padding: 10px 0 0 0;
}
p.postmetadata strong {
  font-weight: normal;
  color: #788;
}
/*ol {
  margin-bottom: 14px;
}*/
ol li {
  list-style-type: decimal;
  padding: 0 0 14px 0;
  margin: 0 0 14px 24px;
  border-bottom: 1px dotted #EEE;
}
ol.commentlist {
  margin-bottom: 30px;
}

ПС: Corel Draw е графичен редактор и служи за направата на дизайна на сайта, също като Photoshop

Редактирано 30 май 200719 г. от m_sharky (преглед на промените)

ПС: Corel Draw е графичен редактор и служи за направата на дизайна на сайта, също като Photoshop

Corel Draw наистина е графичен редактор sharky, но въобще не е като Adobe Photoshop. Еквивалента на Corel Draw при продуктите на Adobe е Adobe Illustrator. Tова са редактори за векторна графика, а Adobe Photoshop и Corel Painter, са редактори за растерна графика. Разликата е доста голяма...

Да сигурно си прав По принцип не ползвам CorelDraw макар че го имам на компютъра. Но ако не се лъжа като го инсталираш ти слага и CorelDRAW и CorelPainter и други работи