درخواست راهنمایی در مورد تبدیل قالب

Anisi

Anisi

Member
سلام به دوستان و متخصصان!
من اولین بارم هست که یک psd رو به html+css تبدیل می کنم و چون هدفم یادگیری هست هر بار که تبدیل کردم اینجا قرار میدم و از دوستان نشرخواهی می کنم و اشکالات رو می پیرسم. امیدوارم چیزی یاد بگیرم.
خوب همونطور که گفتم این اولین قالبمه که تبدیل کردم:
http://trainbit.com/files/5884499884/first.zip

اینم از کد فایل html
HTML Code:
کد: 
[LEFT]
  [COLOR=#00bbdd]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">[/COLOR] [COLOR=#009900]<[URL="http://december.com/html/4/element/html.html"][COLOR=#000000][B]html[/B][/COLOR][/URL] xmlns[COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"http://www.w3.org/1999/xhtml"[/COLOR]>[/COLOR] [COLOR=#009900]<[URL="http://december.com/html/4/element/head.html"][COLOR=#000000][B]head[/B][/COLOR][/URL]>[/COLOR] [COLOR=#009900]<[URL="http://december.com/html/4/element/meta.html"][COLOR=#000000][B]meta[/B][/COLOR][/URL] [COLOR=#000066]http-equiv[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"Content-Type"[/COLOR] [COLOR=#000066]content[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"text/html; charset=utf-8"[/COLOR] [COLOR=#66cc66]/[/COLOR]>[/COLOR] [COLOR=#009900]<[URL="http://december.com/html/4/element/title.html"][COLOR=#000000][B]title[/B][/COLOR][/URL]>[/COLOR]Biz.Consult[COLOR=#009900]<[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/title.html"][COLOR=#000000][B]title[/B][/COLOR][/URL]>[/COLOR] [COLOR=#009900]<[URL="http://december.com/html/4/element/link.html"][COLOR=#000000][B]link[/B][/COLOR][/URL] [COLOR=#000066]href[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"style.css"[/COLOR] [COLOR=#000066]rel[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"stylesheet"[/COLOR] [COLOR=#000066]type[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"text/css"[/COLOR] [COLOR=#66cc66]/[/COLOR]>[/COLOR] [COLOR=#009900]<[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/head.html"][COLOR=#000000][B]head[/B][/COLOR][/URL]>[/COLOR]   [COLOR=#009900]<[URL="http://december.com/html/4/element/body.html"][COLOR=#000000][B]body[/B][/COLOR][/URL]>[/COLOR] [COLOR=#009900]<[URL="http://december.com/html/4/element/div.html"][COLOR=#000000][B]div[/B][/COLOR][/URL] [COLOR=#000066]id[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"wrapper"[/COLOR]>[/COLOR] [COLOR=#009900]<[URL="http://december.com/html/4/element/div.html"][COLOR=#000000][B]div[/B][/COLOR][/URL] [COLOR=#000066]class[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"topnavigation"[/COLOR]>[/COLOR] [COLOR=#009900]<[URL="http://december.com/html/4/element/ul.html"][COLOR=#000000][B]ul[/B][/COLOR][/URL]>[/COLOR] [COLOR=#009900]<[URL="http://december.com/html/4/element/li.html"][COLOR=#000000][B]li[/B][/COLOR][/URL] [COLOR=#000066]id[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"backnone"[/COLOR]><[URL="http://december.com/html/4/element/a.html"][COLOR=#000000][B]a[/B][/COLOR][/URL] [COLOR=#000066]href[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"#"[/COLOR]>[/COLOR]HOME PAGE[COLOR=#009900]<[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/a.html"][COLOR=#000000][B]a[/B][/COLOR][/URL]><[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/li.html"][COLOR=#000000][B]li[/B][/COLOR][/URL]>[/COLOR] [COLOR=#009900]<[URL="http://december.com/html/4/element/li.html"][COLOR=#000000][B]li[/B][/COLOR][/URL]><[URL="http://december.com/html/4/element/a.html"][COLOR=#000000][B]a[/B][/COLOR][/URL] [COLOR=#000066]href[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"#"[/COLOR]>[/COLOR]ABOUT US[COLOR=#009900]<[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/a.html"][COLOR=#000000][B]a[/B][/COLOR][/URL]><[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/li.html"][COLOR=#000000][B]li[/B][/COLOR][/URL]>[/COLOR] [COLOR=#009900]<[URL="http://december.com/html/4/element/li.html"][COLOR=#000000][B]li[/B][/COLOR][/URL]><[URL="http://december.com/html/4/element/a.html"][COLOR=#000000][B]a[/B][/COLOR][/URL] [COLOR=#000066]href[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"#"[/COLOR]>[/COLOR]SERVICES[COLOR=#009900]<[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/a.html"][COLOR=#000000][B]a[/B][/COLOR][/URL]><[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/li.html"][COLOR=#000000][B]li[/B][/COLOR][/URL]>[/COLOR] [COLOR=#009900]<[URL="http://december.com/html/4/element/li.html"][COLOR=#000000][B]li[/B][/COLOR][/URL]><[URL="http://december.com/html/4/element/a.html"][COLOR=#000000][B]a[/B][/COLOR][/URL] [COLOR=#000066]href[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"#"[/COLOR]>[/COLOR]SOLUTIONS[COLOR=#009900]<[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/a.html"][COLOR=#000000][B]a[/B][/COLOR][/URL]><[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/li.html"][COLOR=#000000][B]li[/B][/COLOR][/URL]>[/COLOR] [COLOR=#009900]<[URL="http://december.com/html/4/element/li.html"][COLOR=#000000][B]li[/B][/COLOR][/URL]><[URL="http://december.com/html/4/element/a.html"][COLOR=#000000][B]a[/B][/COLOR][/URL] [COLOR=#000066]href[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"#"[/COLOR]>[/COLOR]NEWS[COLOR=#009900]<[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/a.html"][COLOR=#000000][B]a[/B][/COLOR][/URL]><[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/li.html"][COLOR=#000000][B]li[/B][/COLOR][/URL]>[/COLOR] [COLOR=#009900]<[URL="http://december.com/html/4/element/li.html"][COLOR=#000000][B]li[/B][/COLOR][/URL]><[URL="http://december.com/html/4/element/a.html"][COLOR=#000000][B]a[/B][/COLOR][/URL] [COLOR=#000066]href[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"#"[/COLOR]>[/COLOR]CONTACTS[COLOR=#009900]<[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/a.html"][COLOR=#000000][B]a[/B][/COLOR][/URL]><[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/li.html"][COLOR=#000000][B]li[/B][/COLOR][/URL]>[/COLOR] [COLOR=#009900]<[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/ul.html"][COLOR=#000000][B]ul[/B][/COLOR][/URL]>[/COLOR] [COLOR=#009900]<[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/div.html"][COLOR=#000000][B]div[/B][/COLOR][/URL]>[/COLOR] [COLOR=#009900]<[URL="http://december.com/html/4/element/div.html"][COLOR=#000000][B]div[/B][/COLOR][/URL] [COLOR=#000066]id[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"content"[/COLOR]>[/COLOR] [COLOR=#009900]<[URL="http://december.com/html/4/element/div.html"][COLOR=#000000][B]div[/B][/COLOR][/URL] [COLOR=#000066]id[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"slide"[/COLOR]><[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/div.html"][COLOR=#000000][B]div[/B][/COLOR][/URL]>[/COLOR] [COLOR=#009900]<[URL="http://december.com/html/4/element/div.html"][COLOR=#000000][B]div[/B][/COLOR][/URL] [COLOR=#000066]id[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"suggest"[/COLOR]>[/COLOR] [COLOR=#009900]<[URL="http://december.com/html/4/element/h1.html"][COLOR=#000000][B]h1[/B][/COLOR][/URL]>[/COLOR]The Right Solutions... [COLOR=#009900]<[URL="http://december.com/html/4/element/span.html"][COLOR=#000000][B]span[/B][/COLOR][/URL] [COLOR=#000066]class[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"darkgray"[/COLOR]>[/COLOR]In Time![COLOR=#009900]<[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/span.html"][COLOR=#000000][B]span[/B][/COLOR][/URL]><[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/h1.html"][COLOR=#000000][B]h1[/B][/COLOR][/URL]>[/COLOR] [COLOR=#009900]<[URL="http://december.com/html/4/element/p.html"][COLOR=#000000][B]p[/B][/COLOR][/URL] [COLOR=#000066]id[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"sugh"[/COLOR]>[/COLOR]LOREM IPSUM DOLOR SIT AMET, CONSECTETUER[COLOR=#009900]<[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/p.html"][COLOR=#000000][B]p[/B][/COLOR][/URL]>[/COLOR] [COLOR=#009900]<[URL="http://december.com/html/4/element/p.html"][COLOR=#000000][B]p[/B][/COLOR][/URL]>[/COLOR]Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam eu nulla. Donec lobortis purus vel urna. Nunc laoreet lacinia nunc. In volutpat sodales ipsum. Sed vestibulum. Integer in ante. [COLOR=#009900]<[URL="http://december.com/html/4/element/a.html"][COLOR=#000000][B]a[/B][/COLOR][/URL] [COLOR=#000066]href[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"#"[/COLOR]>[/COLOR]more...[COLOR=#009900]<[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/a.html"][COLOR=#000000][B]a[/B][/COLOR][/URL]><[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/p.html"][COLOR=#000000][B]p[/B][/COLOR][/URL]>[/COLOR] [COLOR=#009900]<[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/div.html"][COLOR=#000000][B]div[/B][/COLOR][/URL]>[/COLOR] [COLOR=#009900]<[URL="http://december.com/html/4/element/div.html"][COLOR=#000000][B]div[/B][/COLOR][/URL] [COLOR=#000066]id[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"welcome"[/COLOR]>[/COLOR] [COLOR=#009900]<[URL="http://december.com/html/4/element/h1.html"][COLOR=#000000][B]h1[/B][/COLOR][/URL]><[URL="http://december.com/html/4/element/span.html"][COLOR=#000000][B]span[/B][/COLOR][/URL] [COLOR=#000066]class[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"darkgray"[/COLOR]>[/COLOR]Welcome[COLOR=#009900]<[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/span.html"][COLOR=#000000][B]span[/B][/COLOR][/URL]>[/COLOR] to our company[COLOR=#009900]<[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/h1.html"][COLOR=#000000][B]h1[/B][/COLOR][/URL]>[/COLOR] [COLOR=#009900]<[URL="http://december.com/html/4/element/p.html"][COLOR=#000000][B]p[/B][/COLOR][/URL]><[URL="http://december.com/html/4/element/span.html"][COLOR=#000000][B]span[/B][/COLOR][/URL] [COLOR=#000066]class[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"orange"[/COLOR]>[/COLOR]Lorem ipsum dolor sit amet, consectetuer adipiscing elit.[COLOR=#009900]<[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/span.html"][COLOR=#000000][B]span[/B][/COLOR][/URL]>[/COLOR] Nam eu nulla. Donec lobortis purus vel urna. Nunc laoreet lacinia nunc. In volutpat sodales ipsum. Sed vestibulum. Integer in ante. Sed posuere ligula rhoncus erat. Fusce urna dui, [COLOR=#009900]<[URL="http://december.com/html/4/element/a.html"][COLOR=#000000][B]a[/B][/COLOR][/URL] [COLOR=#000066]class[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"underline"[/COLOR] [COLOR=#000066]href[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"#"[/COLOR]>[/COLOR]sollicitudin ac, pulvinar quis[COLOR=#009900]<[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/a.html"][COLOR=#000000][B]a[/B][/COLOR][/URL]>[/COLOR], tincidunt et, risus. Quisque a nunc eget nibh interdum fringilla. Fusce dapibus odio in est. Nunc egestas mauris ac leo. Nullam orci. [COLOR=#009900]<[URL="http://december.com/html/4/element/a.html"][COLOR=#000000][B]a[/B][/COLOR][/URL] [COLOR=#000066]href[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"#"[/COLOR]>[/COLOR]more...[COLOR=#009900]<[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/a.html"][COLOR=#000000][B]a[/B][/COLOR][/URL]><[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/p.html"][COLOR=#000000][B]p[/B][/COLOR][/URL]>[/COLOR] [COLOR=#009900]<[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/div.html"][COLOR=#000000][B]div[/B][/COLOR][/URL]>[/COLOR] [COLOR=#009900]<[URL="http://december.com/html/4/element/div.html"][COLOR=#000000][B]div[/B][/COLOR][/URL] [COLOR=#000066]id[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"con2"[/COLOR]>[/COLOR] [COLOR=#009900]<[URL="http://december.com/html/4/element/div.html"][COLOR=#000000][B]div[/B][/COLOR][/URL] [COLOR=#000066]class[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"conblock"[/COLOR] [COLOR=#000066]id[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"service"[/COLOR]>[/COLOR] [COLOR=#009900]<[URL="http://december.com/html/4/element/h1.html"][COLOR=#000000][B]h1[/B][/COLOR][/URL]>[/COLOR]Services[COLOR=#009900]<[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/h1.html"][COLOR=#000000][B]h1[/B][/COLOR][/URL]>[/COLOR] [COLOR=#009900]<[URL="http://december.com/html/4/element/ul.html"][COLOR=#000000][B]ul[/B][/COLOR][/URL]>[/COLOR] [COLOR=#009900]<[URL="http://december.com/html/4/element/li.html"][COLOR=#000000][B]li[/B][/COLOR][/URL] [COLOR=#000066]id[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"li1"[/COLOR]><[URL="http://december.com/html/4/element/a.html"][COLOR=#000000][B]a[/B][/COLOR][/URL] [COLOR=#000066]href[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"#"[/COLOR]>[/COLOR]Sed vestibulum.[COLOR=#009900]<[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/a.html"][COLOR=#000000][B]a[/B][/COLOR][/URL]>[/COLOR] Integer in ante. Sed posuere ligula erat.[COLOR=#009900]<[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/li.html"][COLOR=#000000][B]li[/B][/COLOR][/URL]>[/COLOR] [COLOR=#009900]<[URL="http://december.com/html/4/element/li.html"][COLOR=#000000][B]li[/B][/COLOR][/URL] [COLOR=#000066]id[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"li2"[/COLOR]><[URL="http://december.com/html/4/element/a.html"][COLOR=#000000][B]a[/B][/COLOR][/URL] [COLOR=#000066]href[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"#"[/COLOR]>[/COLOR]Quisque ut magna et[COLOR=#009900]<[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/a.html"][COLOR=#000000][B]a[/B][/COLOR][/URL]>[/COLOR] Integer in ante. Sed posuere ligula rhoncus.[COLOR=#009900]<[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/li.html"][COLOR=#000000][B]li[/B][/COLOR][/URL]>[/COLOR] [COLOR=#009900]<[URL="http://december.com/html/4/element/li.html"][COLOR=#000000][B]li[/B][/COLOR][/URL] [COLOR=#000066]id[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"li3"[/COLOR]><[URL="http://december.com/html/4/element/a.html"][COLOR=#000000][B]a[/B][/COLOR][/URL] [COLOR=#000066]href[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"#"[/COLOR]>[/COLOR]Sed vestibulum.[COLOR=#009900]<[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/a.html"][COLOR=#000000][B]a[/B][/COLOR][/URL]>[/COLOR] Integer in ante. Sed posuere ligula rhoncus erat.[COLOR=#009900]<[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/li.html"][COLOR=#000000][B]li[/B][/COLOR][/URL]>[/COLOR] [COLOR=#009900]<[URL="http://december.com/html/4/element/li.html"][COLOR=#000000][B]li[/B][/COLOR][/URL] [COLOR=#000066]id[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"li4"[/COLOR]><[URL="http://december.com/html/4/element/a.html"][COLOR=#000000][B]a[/B][/COLOR][/URL] [COLOR=#000066]href[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"#"[/COLOR]>[/COLOR]Quisque ut magna et[COLOR=#009900]<[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/a.html"][COLOR=#000000][B]a[/B][/COLOR][/URL]>[/COLOR] Integer in ante. Sed posuere ligula [COLOR=#009900]<[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/li.html"][COLOR=#000000][B]li[/B][/COLOR][/URL]>[/COLOR] [COLOR=#009900]<[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/ul.html"][COLOR=#000000][B]ul[/B][/COLOR][/URL]>[/COLOR] [COLOR=#009900]<[URL="http://december.com/html/4/element/a.html"][COLOR=#000000][B]a[/B][/COLOR][/URL] [COLOR=#000066]href[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"#"[/COLOR]><[URL="http://december.com/html/4/element/div.html"][COLOR=#000000][B]div[/B][/COLOR][/URL] [COLOR=#000066]class[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"button"[/COLOR]>[/COLOR]read more[COLOR=#009900]<[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/div.html"][COLOR=#000000][B]div[/B][/COLOR][/URL]><[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/a.html"][COLOR=#000000][B]a[/B][/COLOR][/URL]>[/COLOR] [COLOR=#009900]<[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/div.html"][COLOR=#000000][B]div[/B][/COLOR][/URL]>[/COLOR] [COLOR=#009900]<[URL="http://december.com/html/4/element/div.html"][COLOR=#000000][B]div[/B][/COLOR][/URL] [COLOR=#000066]class[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"conblock"[/COLOR] [COLOR=#000066]id[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"solution"[/COLOR]>[/COLOR] [COLOR=#009900]<[URL="http://december.com/html/4/element/h1.html"][COLOR=#000000][B]h1[/B][/COLOR][/URL]>[/COLOR]Solutions[COLOR=#009900]<[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/h1.html"][COLOR=#000000][B]h1[/B][/COLOR][/URL]>[/COLOR] [COLOR=#009900]<[URL="http://december.com/html/4/element/img.html"][COLOR=#000000][B]img[/B][/COLOR][/URL] [COLOR=#000066]src[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"images/index_35.png"[/COLOR] [COLOR=#000066]width[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"105"[/COLOR] [COLOR=#000066]height[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"70"[/COLOR] [COLOR=#000066]alt[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"solutions"[/COLOR][COLOR=#66cc66]/[/COLOR]><[URL="http://december.com/html/4/element/a.html"][COLOR=#000000][B]a[/B][/COLOR][/URL] [COLOR=#000066]href[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"#"[/COLOR] [COLOR=#000066]class[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"underline"[/COLOR]>[/COLOR]Nam eu nulla. Donec lobortis purus vel urna. Nunc laoreet lacinia[COLOR=#009900]<[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/a.html"][COLOR=#000000][B]a[/B][/COLOR][/URL]><[URL="http://december.com/html/4/element/p.html"][COLOR=#000000][B]p[/B][/COLOR][/URL]><[URL="http://december.com/html/4/element/span.html"][COLOR=#000000][B]span[/B][/COLOR][/URL] [COLOR=#000066]class[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"orange"[/COLOR]><[URL="http://december.com/html/4/element/br.html"][COLOR=#000000][B]br[/B][/COLOR][/URL][COLOR=#66cc66]/[/COLOR]>[/COLOR]Lorem ipsum dolor sit amet, adipiscing[COLOR=#009900]<[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/span.html"][COLOR=#000000][B]span[/B][/COLOR][/URL]>[/COLOR] Nam eu nulla. Donec lobortis purus vel urna. ante. Sed posuere ligula rhoncus erat. Fusce urna dui, sollicitudin ac, pulvinar quis, tincidunt et, risus. Quisque a nunc eget[COLOR=#009900]<[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/p.html"][COLOR=#000000][B]p[/B][/COLOR][/URL]>[/COLOR] [COLOR=#009900]<[URL="http://december.com/html/4/element/a.html"][COLOR=#000000][B]a[/B][/COLOR][/URL] [COLOR=#000066]href[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"#"[/COLOR]><[URL="http://december.com/html/4/element/div.html"][COLOR=#000000][B]div[/B][/COLOR][/URL] [COLOR=#000066]class[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"button"[/COLOR]>[/COLOR]read more[COLOR=#009900]<[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/div.html"][COLOR=#000000][B]div[/B][/COLOR][/URL]><[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/a.html"][COLOR=#000000][B]a[/B][/COLOR][/URL]>[/COLOR] [COLOR=#009900]<[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/div.html"][COLOR=#000000][B]div[/B][/COLOR][/URL]>[/COLOR] [COLOR=#009900]<[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/div.html"][COLOR=#000000][B]div[/B][/COLOR][/URL]>[/COLOR] [COLOR=#009900]<[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/div.html"][COLOR=#000000][B]div[/B][/COLOR][/URL]>[/COLOR] [COLOR=#009900]<[URL="http://december.com/html/4/element/div.html"][COLOR=#000000][B]div[/B][/COLOR][/URL] [COLOR=#000066]id[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"sidebar"[/COLOR]>[/COLOR] [COLOR=#009900]<[URL="http://december.com/html/4/element/a.html"][COLOR=#000000][B]a[/B][/COLOR][/URL] [COLOR=#000066]href[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"#"[/COLOR] [COLOR=#000066]title[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"BIZ.Conult"[/COLOR]><[URL="http://december.com/html/4/element/div.html"][COLOR=#000000][B]div[/B][/COLOR][/URL] [COLOR=#000066]id[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"logo"[/COLOR]><[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/div.html"][COLOR=#000000][B]div[/B][/COLOR][/URL]><[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/a.html"][COLOR=#000000][B]a[/B][/COLOR][/URL]>[/COLOR] [COLOR=#009900]<[URL="http://december.com/html/4/element/div.html"][COLOR=#000000][B]div[/B][/COLOR][/URL] [COLOR=#000066]id[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"support"[/COLOR]>[/COLOR] [COLOR=#009900]<[URL="http://december.com/html/4/element/a.html"][COLOR=#000000][B]a[/B][/COLOR][/URL] [COLOR=#000066]href[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"#"[/COLOR]><[URL="http://december.com/html/4/element/div.html"][COLOR=#000000][B]div[/B][/COLOR][/URL] [COLOR=#000066]id[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"supbtn"[/COLOR]>[/COLOR]Click Here[COLOR=#009900]<[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/div.html"][COLOR=#000000][B]div[/B][/COLOR][/URL]><[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/a.html"][COLOR=#000000][B]a[/B][/COLOR][/URL]>[/COLOR] [COLOR=#009900]<[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/div.html"][COLOR=#000000][B]div[/B][/COLOR][/URL]>[/COLOR] [COLOR=#009900]<[URL="http://december.com/html/4/element/div.html"][COLOR=#000000][B]div[/B][/COLOR][/URL] [COLOR=#000066]id[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"news"[/COLOR]>[/COLOR] [COLOR=#009900]<[URL="http://december.com/html/4/element/h2.html"][COLOR=#000000][B]h2[/B][/COLOR][/URL]>[/COLOR]News[COLOR=#009900]<[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/h2.html"][COLOR=#000000][B]h2[/B][/COLOR][/URL]>[/COLOR]   [COLOR=#009900]<[URL="http://december.com/html/4/element/ul.html"][COLOR=#000000][B]ul[/B][/COLOR][/URL]>[/COLOR]     [COLOR=#009900]<[URL="http://december.com/html/4/element/li.html"][COLOR=#000000][B]li[/B][/COLOR][/URL]>[/COLOR]28.11.2009[COLOR=#009900]<[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/li.html"][COLOR=#000000][B]li[/B][/COLOR][/URL]>[/COLOR]     [COLOR=#009900]<[URL="http://december.com/html/4/element/p.html"][COLOR=#000000][B]p[/B][/COLOR][/URL]>[/COLOR]consectetuer adipiscing elit. Nam eu nulla. Donec lobortis purus [COLOR=#009900]<[URL="http://december.com/html/4/element/a.html"][COLOR=#000000][B]a[/B][/COLOR][/URL] [COLOR=#000066]href[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"#"[/COLOR]>[/COLOR]more...[COLOR=#009900]<[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/a.html"][COLOR=#000000][B]a[/B][/COLOR][/URL]><[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/p.html"][COLOR=#000000][B]p[/B][/COLOR][/URL]>[/COLOR]     [COLOR=#009900]<[URL="http://december.com/html/4/element/li.html"][COLOR=#000000][B]li[/B][/COLOR][/URL]>[/COLOR]27.11.2009[COLOR=#009900]<[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/li.html"][COLOR=#000000][B]li[/B][/COLOR][/URL]>[/COLOR]     [COLOR=#009900]<[URL="http://december.com/html/4/element/p.html"][COLOR=#000000][B]p[/B][/COLOR][/URL]>[/COLOR]consectetuer adipiscing elit. Nam eu nulla. Donec lobortis purus [COLOR=#009900]<[URL="http://december.com/html/4/element/a.html"][COLOR=#000000][B]a[/B][/COLOR][/URL] [COLOR=#000066]href[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"#"[/COLOR]>[/COLOR]more...[COLOR=#009900]<[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/a.html"][COLOR=#000000][B]a[/B][/COLOR][/URL]><[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/p.html"][COLOR=#000000][B]p[/B][/COLOR][/URL]>[/COLOR]     [COLOR=#009900]<[URL="http://december.com/html/4/element/li.html"][COLOR=#000000][B]li[/B][/COLOR][/URL]>[/COLOR]27.11.2009[COLOR=#009900]<[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/li.html"][COLOR=#000000][B]li[/B][/COLOR][/URL]>[/COLOR]     [COLOR=#009900]<[URL="http://december.com/html/4/element/p.html"][COLOR=#000000][B]p[/B][/COLOR][/URL]>[/COLOR]consectetuer adipiscing elit. Nam eu nulla. Donec lobortis purus [COLOR=#009900]<[URL="http://december.com/html/4/element/a.html"][COLOR=#000000][B]a[/B][/COLOR][/URL] [COLOR=#000066]href[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"#"[/COLOR]>[/COLOR]more...[COLOR=#009900]<[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/a.html"][COLOR=#000000][B]a[/B][/COLOR][/URL]><[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/p.html"][COLOR=#000000][B]p[/B][/COLOR][/URL]>[/COLOR]   [COLOR=#009900]<[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/ul.html"][COLOR=#000000][B]ul[/B][/COLOR][/URL]>[/COLOR] [COLOR=#009900]<[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/div.html"][COLOR=#000000][B]div[/B][/COLOR][/URL]>[/COLOR] [COLOR=#009900]<[URL="http://december.com/html/4/element/div.html"][COLOR=#000000][B]div[/B][/COLOR][/URL] [COLOR=#000066]id[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"side2"[/COLOR]>[/COLOR] [COLOR=#009900]<[URL="http://december.com/html/4/element/h2.html"][COLOR=#000000][B]h2[/B][/COLOR][/URL]>[/COLOR]IN THE SPOTLIGHT[COLOR=#009900]<[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/h2.html"][COLOR=#000000][B]h2[/B][/COLOR][/URL]>[/COLOR]   [COLOR=#009900]<[URL="http://december.com/html/4/element/ul.html"][COLOR=#000000][B]ul[/B][/COLOR][/URL]>[/COLOR]     [COLOR=#009900]<[URL="http://december.com/html/4/element/li.html"][COLOR=#000000][B]li[/B][/COLOR][/URL]>[/COLOR]Morbi volutpat leo in ligula. Inter[COLOR=#009900]<[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/li.html"][COLOR=#000000][B]li[/B][/COLOR][/URL]>[/COLOR]     [COLOR=#009900]<[URL="http://december.com/html/4/element/li.html"][COLOR=#000000][B]li[/B][/COLOR][/URL]>[/COLOR]vel magna. sagittis. Fusce elit[COLOR=#009900]<[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/li.html"][COLOR=#000000][B]li[/B][/COLOR][/URL]>[/COLOR]     [COLOR=#009900]<[URL="http://december.com/html/4/element/li.html"][COLOR=#000000][B]li[/B][/COLOR][/URL]>[/COLOR]ligula, sodales sit amet, tincid unt [COLOR=#009900]<[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/li.html"][COLOR=#000000][B]li[/B][/COLOR][/URL]>[/COLOR]   [COLOR=#009900]<[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/ul.html"][COLOR=#000000][B]ul[/B][/COLOR][/URL]>[/COLOR] [COLOR=#009900]<[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/div.html"][COLOR=#000000][B]div[/B][/COLOR][/URL]>[/COLOR]   [COLOR=#009900]<[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/div.html"][COLOR=#000000][B]div[/B][/COLOR][/URL]>[/COLOR] [COLOR=#009900]<[URL="http://december.com/html/4/element/div.html"][COLOR=#000000][B]div[/B][/COLOR][/URL] [COLOR=#000066]id[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"footer"[/COLOR]>[/COLOR]   [COLOR=#009900]<[URL="http://december.com/html/4/element/ul.html"][COLOR=#000000][B]ul[/B][/COLOR][/URL]>[/COLOR]     [COLOR=#009900]<[URL="http://december.com/html/4/element/li.html"][COLOR=#000000][B]li[/B][/COLOR][/URL]><[URL="http://december.com/html/4/element/a.html"][COLOR=#000000][B]a[/B][/COLOR][/URL] [COLOR=#000066]href[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"#"[/COLOR] [COLOR=#000066]title[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"Home"[/COLOR]>[/COLOR]HOME[COLOR=#009900]<[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/a.html"][COLOR=#000000][B]a[/B][/COLOR][/URL]><[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/li.html"][COLOR=#000000][B]li[/B][/COLOR][/URL]>[/COLOR]|     [COLOR=#009900]<[URL="http://december.com/html/4/element/li.html"][COLOR=#000000][B]li[/B][/COLOR][/URL]><[URL="http://december.com/html/4/element/a.html"][COLOR=#000000][B]a[/B][/COLOR][/URL] [COLOR=#000066]href[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"#"[/COLOR] [COLOR=#000066]title[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"About Us"[/COLOR]>[/COLOR]ABOUT US[COLOR=#009900]<[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/a.html"][COLOR=#000000][B]a[/B][/COLOR][/URL]><[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/li.html"][COLOR=#000000][B]li[/B][/COLOR][/URL]>[/COLOR]|     [COLOR=#009900]<[URL="http://december.com/html/4/element/li.html"][COLOR=#000000][B]li[/B][/COLOR][/URL]><[URL="http://december.com/html/4/element/a.html"][COLOR=#000000][B]a[/B][/COLOR][/URL] [COLOR=#000066]href[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"#"[/COLOR] [COLOR=#000066]title[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"Services"[/COLOR]>[/COLOR]SERVICES[COLOR=#009900]<[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/a.html"][COLOR=#000000][B]a[/B][/COLOR][/URL]><[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/li.html"][COLOR=#000000][B]li[/B][/COLOR][/URL]>[/COLOR]|     [COLOR=#009900]<[URL="http://december.com/html/4/element/li.html"][COLOR=#000000][B]li[/B][/COLOR][/URL]><[URL="http://december.com/html/4/element/a.html"][COLOR=#000000][B]a[/B][/COLOR][/URL] [COLOR=#000066]href[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"#"[/COLOR] [COLOR=#000066]title[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"olutions"[/COLOR]>[/COLOR]SOLUTIONS[COLOR=#009900]<[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/a.html"][COLOR=#000000][B]a[/B][/COLOR][/URL]><[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/li.html"][COLOR=#000000][B]li[/B][/COLOR][/URL]>[/COLOR]|     [COLOR=#009900]<[URL="http://december.com/html/4/element/li.html"][COLOR=#000000][B]li[/B][/COLOR][/URL]><[URL="http://december.com/html/4/element/a.html"][COLOR=#000000][B]a[/B][/COLOR][/URL] [COLOR=#000066]href[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"#"[/COLOR] [COLOR=#000066]title[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"News"[/COLOR]>[/COLOR]NEWS[COLOR=#009900]<[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/a.html"][COLOR=#000000][B]a[/B][/COLOR][/URL]><[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/li.html"][COLOR=#000000][B]li[/B][/COLOR][/URL]>[/COLOR]|     [COLOR=#009900]<[URL="http://december.com/html/4/element/li.html"][COLOR=#000000][B]li[/B][/COLOR][/URL]><[URL="http://december.com/html/4/element/a.html"][COLOR=#000000][B]a[/B][/COLOR][/URL] [COLOR=#000066]href[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"#"[/COLOR] [COLOR=#000066]title[/COLOR][COLOR=#66cc66]=[/COLOR][COLOR=#ff0000]"Contacts"[/COLOR]>[/COLOR]CONTACTS[COLOR=#009900]<[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/a.html"][COLOR=#000000][B]a[/B][/COLOR][/URL]><[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/li.html"][COLOR=#000000][B]li[/B][/COLOR][/URL]>[/COLOR]     [COLOR=#009900]<[URL="http://december.com/html/4/element/br.html"][COLOR=#000000][B]br[/B][/COLOR][/URL][COLOR=#66cc66]/[/COLOR]>[/COLOR]     Copyright © Your Company Name   [COLOR=#009900]<[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/ul.html"][COLOR=#000000][B]ul[/B][/COLOR][/URL]>[/COLOR] [COLOR=#009900]<[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/div.html"][COLOR=#000000][B]div[/B][/COLOR][/URL]>[/COLOR] [COLOR=#009900]<[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/div.html"][COLOR=#000000][B]div[/B][/COLOR][/URL]>[/COLOR] [COLOR=#009900]<[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/body.html"][COLOR=#000000][B]body[/B][/COLOR][/URL]>[/COLOR] [COLOR=#009900]<[COLOR=#66cc66]/[/COLOR][URL="http://december.com/html/4/element/html.html"][COLOR=#000000][B]html[/B][/COLOR][/URL]>[/COLOR][/LEFT]

و این هم از کد style:
CSS Code:

کد: 
[LEFT]
  [COLOR=#808080][I]/* Theme Name: BIZ.Consult Design: Mojtaba Anisi E-Mail: <a href="mailto:[email protected]">[email protected]</a> Description: My First Project (PSD To HTML & CSS) Version: 1.0 License: GNU General Public License v2 or later License URI: <a href="http://www.gnu.org/licenses/gpl-2.0.html" target="_blank">http://www.gnu.org/licenses/gpl-2.0.html</a> */[/I][/COLOR]   [COLOR=#a1a100]@charset "utf-8";[/COLOR] [COLOR=#808080][I]/* CSS Document */[/I][/COLOR]   a [COLOR=#00AA00]{[/COLOR]     [COLOR=#000000][B]color[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#cc00cc]#2e2e2e[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]text-decoration[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#993333]none[/COLOR][COLOR=#00AA00];[/COLOR] [COLOR=#00AA00]}[/COLOR] ul[COLOR=#00AA00],[/COLOR]li [COLOR=#00AA00]{[/COLOR]     [COLOR=#000000][B]margin[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#cc66cc]0[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]padding[/B][/COLOR][COLOR=#00AA00]:[/COLOR][COLOR=#cc66cc]0[/COLOR][COLOR=#00AA00];[/COLOR] [COLOR=#00AA00]}[/COLOR] body [COLOR=#00AA00]{[/COLOR]     [COLOR=#000000][B]margin[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#933]0px[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]font[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#933]10pt[/COLOR] [COLOR=#ff0000]"Trebuchet MS"[/COLOR][COLOR=#00AA00],[/COLOR]Tahoma[COLOR=#00AA00],[/COLOR]Verdana[COLOR=#00AA00],[/COLOR] Geneva[COLOR=#00AA00],[/COLOR] [COLOR=#993333]sans-serif[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]background-color[/B][/COLOR][COLOR=#00AA00]:[/COLOR] fff[COLOR=#00AA00];[/COLOR] [COLOR=#00AA00]}[/COLOR] [COLOR=#cc00cc]#wrapper[/COLOR] [COLOR=#00AA00]{[/COLOR]     [COLOR=#000000][B]width[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#933]775px[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]margin-right[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#993333]auto[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]margin-left[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#993333]auto[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]border-top[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#993333]solid[/COLOR] [COLOR=#933]4px[/COLOR] [COLOR=#cc00cc]#eaeaea[/COLOR][COLOR=#00AA00];[/COLOR] [COLOR=#00AA00]}[/COLOR] [COLOR=#6666ff].topnavigation[/COLOR] [COLOR=#00AA00]{[/COLOR]     [COLOR=#000000][B]font[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#993333]bold[/COLOR] [COLOR=#933]11pt[/COLOR] [COLOR=#ff0000]"Myriad Pro"[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]height[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#933]84px[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]text-align[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#993333]center[/COLOR][COLOR=#00AA00];[/COLOR] [COLOR=#00AA00]}[/COLOR] [COLOR=#6666ff].topnavigation[/COLOR] ul [COLOR=#00AA00]{[/COLOR]     [COLOR=#000000][B]padding-top[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#933]33px[/COLOR][COLOR=#00AA00];[/COLOR] [COLOR=#00AA00]}[/COLOR] [COLOR=#6666ff].topnavigation[/COLOR] li [COLOR=#00AA00]{[/COLOR]     [COLOR=#000000][B]background[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#993333]url[/COLOR][COLOR=#00AA00]([/COLOR]images/index_03.png[COLOR=#00AA00])[/COLOR] [COLOR=#000000][B]left[/B][/COLOR] [COLOR=#993333]no-repeat[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]display[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#993333]inline[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]padding[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#933]20px[/COLOR][COLOR=#00AA00];[/COLOR] [COLOR=#00AA00]}[/COLOR] [COLOR=#cc00cc]#backnone[/COLOR] [COLOR=#00AA00]{[/COLOR]     [COLOR=#000000][B]background[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#993333]none[/COLOR][COLOR=#00AA00];[/COLOR] [COLOR=#00AA00]}[/COLOR] [COLOR=#cc00cc]#slide[/COLOR] [COLOR=#00AA00]{[/COLOR]     [COLOR=#000000][B]background-image[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#993333]url[/COLOR][COLOR=#00AA00]([/COLOR]images/index_09.png[COLOR=#00AA00])[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]height[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#933]245px[/COLOR][COLOR=#00AA00];[/COLOR] [COLOR=#00AA00]}[/COLOR] [COLOR=#cc00cc]#content[/COLOR] [COLOR=#00AA00]{[/COLOR]     [COLOR=#000000][B]margin-left[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#933]223px[/COLOR][COLOR=#00AA00];[/COLOR] [COLOR=#00AA00]}[/COLOR] [COLOR=#cc00cc]#content[/COLOR] h1 [COLOR=#00AA00]{[/COLOR]     [COLOR=#000000][B]font-size[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#993333]normal[/COLOR] [COLOR=#933]25pt[/COLOR] [COLOR=#ff0000]"Myriad Pro"[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]color[/B][/COLOR][COLOR=#00AA00]:[/COLOR][COLOR=#cc00cc]#848484[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]border-bottom[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#993333]solid[/COLOR] [COLOR=#933]1px[/COLOR] [COLOR=#cc00cc]#d5d5d5[/COLOR][COLOR=#00AA00];[/COLOR] [COLOR=#00AA00]}[/COLOR] [COLOR=#cc00cc]#suggest[/COLOR] [COLOR=#00AA00]{[/COLOR]     [COLOR=#000000][B]background-image[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#993333]url[/COLOR][COLOR=#00AA00]([/COLOR]images/index_18.png[COLOR=#00AA00])[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]height[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#933]132px[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]padding-left[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#933]140px[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]padding-right[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#933]30px[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]padding-top[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#933]11px[/COLOR][COLOR=#00AA00];[/COLOR] [COLOR=#00AA00]}[/COLOR] [COLOR=#cc00cc]#content[/COLOR] [COLOR=#cc00cc]#suggest[/COLOR] h1 [COLOR=#00AA00]{[/COLOR]     [COLOR=#000000][B]margin[/B][/COLOR][COLOR=#00AA00]:[/COLOR][COLOR=#cc66cc]0[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]font-size[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#933]20pt[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]border-bottom[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#993333]none[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]color[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#cc00cc]#FFF[/COLOR][COLOR=#00AA00];[/COLOR] [COLOR=#00AA00]}[/COLOR] [COLOR=#cc00cc]#sugh[/COLOR] [COLOR=#00AA00]{[/COLOR]     [COLOR=#000000][B]margin-top[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#933]-4px[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]font-size[/B][/COLOR][COLOR=#00AA00]:[/COLOR][COLOR=#933]10px[/COLOR][COLOR=#00AA00];[/COLOR] [COLOR=#00AA00]}[/COLOR] [COLOR=#cc00cc]#suggest[/COLOR] p [COLOR=#00AA00]{[/COLOR]     [COLOR=#000000][B]margin-top[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#933]-5px[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]color[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#cc00cc]#FFF[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]line-height[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#933]14px[/COLOR][COLOR=#00AA00];[/COLOR] [COLOR=#00AA00]}[/COLOR] [COLOR=#cc00cc]#welcome[/COLOR] [COLOR=#00AA00]{[/COLOR]     [COLOR=#000000][B]margin-left[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#933]30px[/COLOR][COLOR=#00AA00];[/COLOR] [COLOR=#00AA00]}[/COLOR] [COLOR=#cc00cc]#welcome[/COLOR] h1 [COLOR=#00AA00]{[/COLOR]     [COLOR=#000000][B]margin[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#cc66cc]0[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]margin-top[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#933]20px[/COLOR][COLOR=#00AA00];[/COLOR] [COLOR=#00AA00]}[/COLOR] [COLOR=#cc00cc]#welcome[/COLOR] p [COLOR=#00AA00]{[/COLOR]     [COLOR=#000000][B]color[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#cc00cc]#a0a09c[/COLOR][COLOR=#00AA00];[/COLOR] [COLOR=#00AA00]}[/COLOR] [COLOR=#cc00cc]#con2[/COLOR] [COLOR=#00AA00]{[/COLOR]     [COLOR=#000000][B]margin-left[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#933]30px[/COLOR][COLOR=#00AA00];[/COLOR] [COLOR=#00AA00]}[/COLOR] [COLOR=#cc00cc]#con2[/COLOR] h1 [COLOR=#00AA00]{[/COLOR]     [COLOR=#000000][B]margin[/B][/COLOR][COLOR=#00AA00]:[/COLOR][COLOR=#cc66cc]0[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]margin-bottom[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#933]15px[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]color[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#cc00cc]#2e2e2e[/COLOR][COLOR=#00AA00];[/COLOR] [COLOR=#00AA00]}[/COLOR] [COLOR=#6666ff].conblock[/COLOR] [COLOR=#00AA00]{[/COLOR]     [COLOR=#000000][B]width[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#933]50%[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]float[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#000000][B]left[/B][/COLOR][COLOR=#00AA00];[/COLOR] [COLOR=#00AA00]}[/COLOR] [COLOR=#6666ff].conblock[/COLOR] li [COLOR=#00AA00]{[/COLOR]     [COLOR=#000000][B]padding-right[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#933]10px[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]padding-bottom[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#933]6px[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]color[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#cc00cc]#a0a09c[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]list-style[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#993333]none[/COLOR][COLOR=#00AA00];[/COLOR] [COLOR=#00AA00]}[/COLOR] [COLOR=#6666ff].conblock[/COLOR] li a[COLOR=#3333ff]:link [/COLOR][COLOR=#00AA00]{[/COLOR]     [COLOR=#000000][B]font-weight[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#993333]bold[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]color[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#cc00cc]#2e2e2e[/COLOR][COLOR=#00AA00];[/COLOR] [COLOR=#00AA00]}[/COLOR] [COLOR=#cc00cc]#service[/COLOR] li [COLOR=#00AA00]{[/COLOR]     [COLOR=#000000][B]padding-left[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#933]40px[/COLOR][COLOR=#00AA00];[/COLOR] [COLOR=#00AA00]}[/COLOR] [COLOR=#cc00cc]#service[/COLOR] [COLOR=#cc00cc]#li1[/COLOR] [COLOR=#00AA00]{[/COLOR]     [COLOR=#000000][B]background[/B][/COLOR][COLOR=#00AA00]:[/COLOR][COLOR=#993333]url[/COLOR][COLOR=#00AA00]([/COLOR]images/index_32.png[COLOR=#00AA00])[/COLOR] [COLOR=#000000][B]left[/B][/COLOR] [COLOR=#993333]no-repeat[/COLOR][COLOR=#00AA00];[/COLOR] [COLOR=#00AA00]}[/COLOR] [COLOR=#cc00cc]#service[/COLOR] [COLOR=#cc00cc]#li2[/COLOR] [COLOR=#00AA00]{[/COLOR]     [COLOR=#000000][B]background[/B][/COLOR][COLOR=#00AA00]:[/COLOR][COLOR=#993333]url[/COLOR][COLOR=#00AA00]([/COLOR]images/index_38.png[COLOR=#00AA00])[/COLOR] [COLOR=#000000][B]left[/B][/COLOR] [COLOR=#993333]no-repeat[/COLOR][COLOR=#00AA00];[/COLOR] [COLOR=#00AA00]}[/COLOR] [COLOR=#cc00cc]#service[/COLOR] [COLOR=#cc00cc]#li3[/COLOR] [COLOR=#00AA00]{[/COLOR]     [COLOR=#000000][B]background[/B][/COLOR][COLOR=#00AA00]:[/COLOR][COLOR=#993333]url[/COLOR][COLOR=#00AA00]([/COLOR]images/index_45.png[COLOR=#00AA00])[/COLOR] [COLOR=#000000][B]left[/B][/COLOR] [COLOR=#993333]no-repeat[/COLOR][COLOR=#00AA00];[/COLOR] [COLOR=#00AA00]}[/COLOR] [COLOR=#cc00cc]#service[/COLOR] [COLOR=#cc00cc]#li4[/COLOR] [COLOR=#00AA00]{[/COLOR]     [COLOR=#000000][B]background[/B][/COLOR][COLOR=#00AA00]:[/COLOR][COLOR=#993333]url[/COLOR][COLOR=#00AA00]([/COLOR]images/index_47.png[COLOR=#00AA00])[/COLOR] [COLOR=#000000][B]left[/B][/COLOR] [COLOR=#993333]no-repeat[/COLOR][COLOR=#00AA00];[/COLOR] [COLOR=#00AA00]}[/COLOR] [COLOR=#cc00cc]#solution[/COLOR] p [COLOR=#00AA00]{[/COLOR]     [COLOR=#000000][B]color[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#cc00cc]#a0a09c[/COLOR][COLOR=#00AA00];[/COLOR] [COLOR=#00AA00]}[/COLOR] [COLOR=#cc00cc]#solution[/COLOR] a[COLOR=#3333ff]:link [/COLOR][COLOR=#00AA00]{[/COLOR]     [COLOR=#000000][B]color[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#cc00cc]#6d6d6d[/COLOR][COLOR=#00AA00];[/COLOR] [COLOR=#00AA00]}[/COLOR] [COLOR=#cc00cc]#solution[/COLOR] img [COLOR=#00AA00]{[/COLOR]     [COLOR=#000000][B]float[/B][/COLOR][COLOR=#00AA00]:[/COLOR][COLOR=#000000][B]left[/B][/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]padding-right[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#933]10px[/COLOR][COLOR=#00AA00];[/COLOR] [COLOR=#00AA00]}[/COLOR] [COLOR=#cc00cc]#solution[/COLOR] span [COLOR=#00AA00]{[/COLOR]     [COLOR=#000000][B]font-weight[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#993333]bold[/COLOR][COLOR=#00AA00];[/COLOR] [COLOR=#00AA00]}[/COLOR] [COLOR=#cc00cc]#sidebar[/COLOR] [COLOR=#00AA00]{[/COLOR]     [COLOR=#000000][B]position[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#993333]absolute[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]top[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#933]88px[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]width[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#933]223px[/COLOR][COLOR=#00AA00];[/COLOR] [COLOR=#00AA00]}[/COLOR] [COLOR=#cc00cc]#sidebar[/COLOR] h2 [COLOR=#00AA00]{[/COLOR]     [COLOR=#000000][B]font[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#933]15pt[/COLOR] [COLOR=#ff0000]"Myriad Pro"[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]font-weight[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#993333]bold[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]color[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#cc00cc]#6d6d6d[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]border-bottom[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#993333]solid[/COLOR] [COLOR=#933]1px[/COLOR] [COLOR=#cc00cc]#d5d5d5[/COLOR][COLOR=#00AA00];[/COLOR] [COLOR=#00AA00]}[/COLOR] [COLOR=#cc00cc]#logo[/COLOR] [COLOR=#00AA00]{[/COLOR]     [COLOR=#000000][B]background-image[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#993333]url[/COLOR][COLOR=#00AA00]([/COLOR]images/index_07.png[COLOR=#00AA00])[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]height[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#933]245px[/COLOR][COLOR=#00AA00];[/COLOR] [COLOR=#00AA00]}[/COLOR] [COLOR=#cc00cc]#support[/COLOR][COLOR=#00AA00]{[/COLOR]     [COLOR=#000000][B]background-image[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#993333]url[/COLOR][COLOR=#00AA00]([/COLOR]images/index_13.png[COLOR=#00AA00])[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]height[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#933]94px[/COLOR][COLOR=#00AA00];[/COLOR] [COLOR=#00AA00]}[/COLOR] [COLOR=#cc00cc]#supbtn[/COLOR] [COLOR=#00AA00]{[/COLOR]     [COLOR=#000000][B]background[/B][/COLOR][COLOR=#00AA00]:[/COLOR][COLOR=#993333]url[/COLOR][COLOR=#00AA00]([/COLOR]images/index_21.png[COLOR=#00AA00])[/COLOR] [COLOR=#993333]no-repeat[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]width[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#933]81px[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]height[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#933]17px[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]color[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#cc00cc]#FFF[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]text-align[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#993333]center[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]position[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#993333]relative[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]top[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#933]60px[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]left[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#933]122px[/COLOR][COLOR=#00AA00];[/COLOR] [COLOR=#00AA00]}[/COLOR] [COLOR=#cc00cc]#news[/COLOR] [COLOR=#00AA00]{[/COLOR]     [COLOR=#000000][B]margin-left[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#933]30px[/COLOR][COLOR=#00AA00];[/COLOR] [COLOR=#00AA00]}[/COLOR] [COLOR=#cc00cc]#news[/COLOR] li [COLOR=#00AA00]{[/COLOR]     [COLOR=#000000][B]list-style[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#993333]url[/COLOR][COLOR=#00AA00]([/COLOR]images/index_28.png[COLOR=#00AA00])[/COLOR] [COLOR=#993333]inside[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]font-weight[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#993333]bold[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]color[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#cc00cc]#fe8b00[/COLOR][COLOR=#00AA00];[/COLOR] [COLOR=#00AA00]}[/COLOR] [COLOR=#cc00cc]#news[/COLOR] p [COLOR=#00AA00]{[/COLOR]     [COLOR=#000000][B]font[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#ff0000]"Tahoma"[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]color[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#cc00cc]#848484[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]margin-top[/B][/COLOR][COLOR=#00AA00]:[/COLOR][COLOR=#cc66cc]0[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]text-align[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#993333]justify[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]padding-right[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#933]20px[/COLOR][COLOR=#00AA00];[/COLOR] [COLOR=#00AA00]}[/COLOR] [COLOR=#cc00cc]#side2[/COLOR] [COLOR=#00AA00]{[/COLOR]     [COLOR=#000000][B]margin-left[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#933]30px[/COLOR][COLOR=#00AA00];[/COLOR] [COLOR=#00AA00]}[/COLOR] [COLOR=#cc00cc]#side2[/COLOR] h2 [COLOR=#00AA00]{[/COLOR]     [COLOR=#000000][B]margin[/B][/COLOR][COLOR=#00AA00]:[/COLOR][COLOR=#cc66cc]0[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]margin-top[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#933]30px[/COLOR][COLOR=#00AA00];[/COLOR] [COLOR=#00AA00]}[/COLOR] [COLOR=#cc00cc]#side2[/COLOR] ul [COLOR=#00AA00]{[/COLOR]     [COLOR=#000000][B]list-style[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#993333]url[/COLOR][COLOR=#00AA00]([/COLOR]images/index_40.png[COLOR=#00AA00])[/COLOR] [COLOR=#993333]inside[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]font[/B][/COLOR][COLOR=#00AA00]:[/COLOR][COLOR=#933]10pt[/COLOR] [COLOR=#ff0000]"Trebuchet MS"[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]color[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#cc00cc]#2e2e2e[/COLOR][COLOR=#00AA00];[/COLOR] [COLOR=#00AA00]}[/COLOR] [COLOR=#cc00cc]#side2[/COLOR] li [COLOR=#00AA00]{[/COLOR]     [COLOR=#000000][B]padding-bottom[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#933]5px[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]padding-top[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#933]5px[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]border-bottom[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#993333]dotted[/COLOR] [COLOR=#933]2px[/COLOR] [COLOR=#cc00cc]#e2e2e2[/COLOR][COLOR=#00AA00];[/COLOR] [COLOR=#00AA00]}[/COLOR] [COLOR=#cc00cc]#footer[/COLOR] [COLOR=#00AA00]{[/COLOR]     [COLOR=#000000][B]position[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#993333]relative[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]top[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#993333]auto[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]bottom[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#cc66cc]0[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]text-align[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#993333]center[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]height[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#933]54px[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]clear[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#993333]both[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]background-color[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#cc00cc]#f0f0f0[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]border-top[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#993333]solid[/COLOR] [COLOR=#933]1px[/COLOR] [COLOR=#cc00cc]#eaeaea[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]padding-top[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#933]15px[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]color[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#cc00cc]#6a6a6a[/COLOR][COLOR=#00AA00];[/COLOR] [COLOR=#00AA00]}[/COLOR] [COLOR=#cc00cc]#footer[/COLOR] a[COLOR=#3333ff]:link [/COLOR][COLOR=#00AA00]{[/COLOR]     [COLOR=#000000][B]color[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#cc00cc]#6a6a6a[/COLOR][COLOR=#00AA00];[/COLOR] [COLOR=#00AA00]}[/COLOR] [COLOR=#cc00cc]#footer[/COLOR] li [COLOR=#00AA00]{[/COLOR]     [COLOR=#000000][B]margin[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#cc66cc]0[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]display[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#993333]inline[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]padding[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#933]5px[/COLOR][COLOR=#00AA00];[/COLOR] [COLOR=#00AA00]}[/COLOR] [COLOR=#6666ff].orange[/COLOR][COLOR=#00AA00],[/COLOR]a[COLOR=#3333ff]:hover [/COLOR][COLOR=#00AA00]{[/COLOR]     [COLOR=#000000][B]color[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#cc00cc]#fe8b00[/COLOR][COLOR=#00AA00];[/COLOR] [COLOR=#00AA00]}[/COLOR] [COLOR=#6666ff].darkgray[/COLOR] [COLOR=#00AA00]{[/COLOR]     [COLOR=#000000][B]font-weight[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#993333]bold[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]color[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#cc00cc]#2e2e2e[/COLOR][COLOR=#00AA00];[/COLOR] [COLOR=#00AA00]}[/COLOR] .[COLOR=#993333]underline[/COLOR] [COLOR=#00AA00]{[/COLOR]     [COLOR=#000000][B]text-decoration[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#993333]underline[/COLOR][COLOR=#00AA00];[/COLOR] [COLOR=#00AA00]}[/COLOR] [COLOR=#6666ff].button[/COLOR] [COLOR=#00AA00]{[/COLOR]     [COLOR=#000000][B]background[/B][/COLOR][COLOR=#00AA00]:[/COLOR][COLOR=#993333]url[/COLOR][COLOR=#00AA00]([/COLOR]images/index_50.png[COLOR=#00AA00])[/COLOR] [COLOR=#993333]center[/COLOR] [COLOR=#993333]no-repeat[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]margin[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#933]20px[/COLOR] [COLOR=#933]20px[/COLOR] [COLOR=#933]20px[/COLOR] [COLOR=#993333]auto[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]text-align[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#993333]center[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]height[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#933]17px[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]width[/B][/COLOR][COLOR=#00AA00]:[/COLOR] [COLOR=#933]81px[/COLOR][COLOR=#00AA00];[/COLOR]     [COLOR=#000000][B]color[/B][/COLOR][COLOR=#00AA00]:[/COLOR][COLOR=#cc00cc]#FFF[/COLOR][COLOR=#00AA00];[/COLOR] [COLOR=#00AA00]}[/COLOR][/LEFT]


ممنون میشم راهنماییم کنید اشکالات کار کجاست و یا برای بهینه و استاندارد شدن چه چیزهایی رو باید تغییر بدم؟

برای نمونه من چند سوال می پرسم امیدوارم دوستان تنها به پاسخ به این سوالات اکتفا نکنن و مشکلات و مسائل دیگه ای رو هم مطرح کنن.

1- چندتا اشکال از نظر استاندار w3 داره که مطرح می کنم و ممنون میشم راهنمایی کنید چطور رفعش کنم:
  • قرار دادن تگ div بین تگ a برای ساخت دکمه های read more و click here. این کار رو کردم کگه کل دکمه لینک بشه. راه دیگه ای هم برای این کار هست که این خطا رو هم نگیرم؟
  • قرار دادن تگ p بین تگ های li برای بخشس news در سایدبار. خوب وقتی می خوام متنی غیر از لیست به لیست اضافه کنم چه کنم؟! :-?
  • قرار دادن کاراکتر | برای جداد کردن عناصر لیست فوتر. برای این چیکار کنم؟
  • قرار دادن تگ br برای فاصله انداختن لینک های فوتر و عبارت Copyright © Your Company Name. اینجا رو چیکار کنم؟!

2- من همیشه توی چارچوب بندی کلی صفحه (چینش عناصر) مشکل داشتم و دارم و خیلی به مشکل بر می خورو. اگرمیشه برای رفع این مشکل بگین جیکار کنم و همچنین لطف کنید بگید الان این قالب از این نظر چزور هست.
من برای چارچوب بندی کلی صفحه و قرار گرفتن اون در وسط و ثابت بودن اندازه، یک بلوک ساختم با آی دی wrapper که خصوصیاتش دربالا مشخص هست و سایدبار چپ را از لوگو تا IN THE SPOTLIGHT گرفتم با خاصیت position: absolute و بالا و پایین و ... رو مقدار دادم و یک بلوک هم برای محتوای صفحه در سمت راست با id content و همینطور برای هدر، اسلاید شو و ... . این کارام درست بوده یا بهتر میشده انجام داد؟

3- فوتر وقتی ارتفاع صفحه از یک حدی کمتر باشه به پایین صفحه نمی چسبه. آیا این اشکالی داره و برای رفعش باید چیکار کرد؟

4- توی هدر، فوتر و بخش Services برای تصاویر جدا کننده لیست نتونستم از خاصیت list-image استفاده کنم. چون توی بخش هدر و فوتر با استفاده از این خاصیت اصلا عکسش نشون داده نشد (که فکر کنم به خاطر استفاده از خاصیت inline هست! نه؟!) و توی بخش services هم چسبید به بالای پاراگراف و نتونستم وسط تنظیمش کنم و منم هم توی فوتر بین هر تگ li یک کاراکتر | قرار دادم (که یکی از خطاهای w3 به همین دلیل هست) و برای هدر و services هم از خاصیت background-image استفاده کردم. کارم درست بوده یا با همون لیست هم میشه این کارارو کرد؟

5- توی بخش services از لیست استفاده کردم درسته یا باید از <p> استفاده می کردم؟

ممنون که علاوه بر اشکالات بالا، اشکالات دیبگه رو هم گوشزد می کنید.
 
آخرین ویرایش:
dexted

dexted

Active Member
سلام خدمت شما دوست عزیز :)

چون سوالاتتون زیاد هست :green: من سعی می کنم چند تا شو جواب بدم(همه اشکالات ولیدت و چند تا دیگه)
بقیه رو اگر اساتید من محبت کنن جواب بدن من هم استفاده میکنم :)

در کل به نظر من برای کار اول خیلی خوب کار کردین.این کار علاوه بر ظاهرش که به نظر آسون میاد ولی نیاز به تجربه زیاد داره

1- شما نمیتونید تگ های block (مثل div و p و ...)رو توی تگ های inline (مثل li و a و span و ...)قرار بدین در اینجا div بلاک هست و li اینلاین هست برای این کار می تونید به جای div از span استفاده کنید و یا اینکه خاصیت display رو برای div روی inline تنظیم کنید.

2-مشکلی که با p و li دارین اینه که به طور کلی نباید در زیر مجموعه تگ ul هیچ تگی غیر li یا تگ های مربوطه رو قرار بدین شما زیر مجموعه مستقیم ul تگ p رو قرار دادین . باز هم میتونید از یک li دیگه استفاده کنید .

3-به طور کلی نباید هیچ حرف عدد یا علامتی به صورت تنها بیاد مشکل | به این خاطر هست که باید درون تگی مثل p یا span یا li قرار بگیره
4-اون تگ br هم همون مشکل 2 رو داره (برای حلش میتونید br رو توی یک li دیگه قرار بدین)

(موارد بالارو رفع کنید کدتون ولیدیت میشه)


5-این که پرسیدین مثلا این کارم درست بوده یا نه : هر کسی یه روشی برای انجام کار های مختلف داره و نمیشه گفت روشش درست هست یا غلط.ممکنه بهترین نباشه ولی لزوما غلط نیست.این که کدوم روش کجا بهتره رو باید باتجربه به دستش بیارین

6- اون مشکل فوتر چند تا راه داره ولی در کل اگر مطمئن هستین که همیشه مطلب اونقد هست که فوتر نیاد بالا میشه ولش کرد ولی راه هایی که داره هم بعضی جاها مشکل ساز میشن


امیدوارم بخشی از مشکل هاتون حل شده باشه :rose:
 
Anisi

Anisi

Member
امیدوارم بخشی از مشکل هاتون حل شده باشه
کلیک کنید تا باز شود...
خیلی خیلی ممنون از شما!
تقریبا باید بگم بیشتر مشکلاتم حل شده.
من بیشتر درگیر این بودم که کارام مشکل دارن یا نه و با این حرف شما که گفتید بیشتر به نظر شخصی مربوطه البته تا جایی که به استاندارد بودن لطمه ای وارد نکنه بیشتر سوالاتم رو حل کرد.
خدا خیرتون بده.
 
dexted

dexted

Active Member
سلام دوباره
خواهش می کنم دوست من :) این مسائل با تجربه همش برطرف میشه
واما در مورد نکته دوم:
به طور قطعی نمیشه گفت که شما از هر راهی که فقط عناصر رو کنار هم بچینید به هیچ مشکلی بر نمی خورید گاهی ممکن هست شما یه جایی رو عینا عین PSD کد نویسی کنید ولی وقتی که قرار میشه این قسمت برنامه نویسی بشه و مطالب توی اونجا قرار بگیره مثلا می بینید که یه عنصر رفته زیر یکی دیگه یا مشکلاتی مثل این در نتیجه شما باید در این مواقع راه های دیگه ای رو هم برای کار مورد نظر توی فکر داشته باشین که به بن بست بر نخورین

به هر حال امیدوارم موفق باشید
:rose:
 
برای ارسال پاسخ شما باید وارد سیستم شوید.

آخرین مطالب مجیدآنلاین

جدیدترین ارسال ها

بالا