Посмотрите, что подправить

[nohc 0]

Посмотрите кому не трудно

сайт vasha-kniga.ru

Мне кажется верх очень тупо выглядит

[inokentik 45]

Если честно, то по-моему весь сайт тупо выглядит, вообще ничего, не на что смотреть даже

[nohc 0]

Мне просто хотелось, чтобы с выключенной графикой нормально выглядело и рисунками не хотел перегружать. Может быть когда сайт наполню он получше смотреться будет, сейчас то пока пустота.

Думаете весь шаблон придется переделывать?

[inokentik 45]

Зачем переделывать? Посмотрите уже готовые например тут 4dle.ru

[nohc 0]

Я настырный, постараюсь довести как нибудь до ума

[WWW.ZEOS.IN 1 161]

Напоминает что-то в стиле сайтов от narod.ru

[maks1192 96]

Ну если честно: не красиво почти всё

Единственно что мне нравится, так это js эффекты

Мой совет: закажи лучше нормальный шаблон у настоящих профф, рекомендую:

[n0lik 75]

Единственное что понравилось так это менюшки и все эти эфекты. Ну а над дизайном надо поработать профессионалам.

P/S Что за скрипт который выводит вверху страницы форме, что бы народ оставлял типа советы? Может поделитесь?

[maks1192 96]

Что за скрипт который выводит вверху страницы форме, что бы народ оставлял типа советы?

Да, да! Кстати идея этого скрипта - классная, тоже хотелось бы поставить на сайт

[Captain 623]

js прикольны, фон сайта неуместен, делай уж в синих тонах, в шапке картика (фон) нелепа с синими кнопками, блоки тоже. В общем сочетание цветов ни какое (синее сочетается с желтым, но не с рыжим) ИМХО.

Изменено 13 сентября 2009 пользователем Captain

[nohc 0]

Дизайн немножко переделал. Посмотрите, пожалуйста. Скажите свое мнение.

Блин, IE так подсирает, особенно 7.

(Это я еще в 8 не смотрел )

Скрипты YooTeme от Joomla переделанные - выкладываю, если кому что непонятно пишите.

Единственное - правый слайдер. Но это, наверное, ошибка верстки. В IE 7 проглатывает нижние закругления как будто их нет. Уже все перепробовал.

А про "Оставь совет" - это не скрипт, это я хочу сделать чтобы из этой формы можно было на отдельный ящик письма отправлять, только пока не знаю как добавить этот скрипт к кнопке, чтобы не на адрес админа уходило, а на другой, без возможности выбора.

(Или вы про выезжающую панель)

Блин, только увидел, что файлы прикреплять нельзя.

Короче, вот скрипты как они у меня есть:

1)Сам Mootools найдете легко через Гугл (у меня version 1.1, на новой не пробовал)

2)скрипт base.js

eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('4 C={G:8(g,j,h){4 5=0;4 d=[];4 y=$k(g+\' 1\');$k(g).c(8(1,i){6(!y.B(1)){d.H(1)}});d.c(8(1,i){4 7,b;6(1.q){7=1.q;b=0;b+=1.o(\'A-D\').n();b+=1.o(\'A-F\').n();7-=b;6(j!=x){7-=j}}w 6(1.v.z){7=1.v.z}5=u.p(5,7)});6(h!=x){5=u.p(5,h)}d.c(8(1,i){6(E.T){1.s(\'t\',5+\'r\')}w{1.s(\'Y-t\',5+\'r\')}})},I:8(){$k(\'3.X\').c(8(3,i){4 9=W V(\'a\');4 m=3.l(\'m\').10(/^(\\S+)\\.(11|Z|U|M)$/,"$L.$2");9.f(\'K\',m);9.f(\'J\',3.N);6(3.l(\'e\')){9.f(\'e\',O(3.l(\'e\')))}3.R().Q(9);3.P(9)})}};',62,64,'|div||img|var|maxHeight|if|divHeight|function|lightboxLink||divPadding|each|matchDivs|title|setProperty|selector|minWidth||divBorder|ES|getProperty|src|toInt|getStyle|max|offsetHeight|px|setStyle|height|Math|style|else|undefined|otherDivs|pixelHeight|padding|test|YtBase|top|window|bottom|matchDivHeight|push|setupLightbox|rel|href|1_lightbox|png|className|String|replaceWith|injectInside|clone||ie6|jpeg|Element|new|lightbox|min|jpg|replace|gif'.split('|'),0,{}))

3)скрипт tools.js (здесь настраиваем так как нам все надо)

var YtTools = {


	start: function() {


		/* Match height of div tags */

		YtTools.setDivHeight();


		/* Color settings */

		var page = $('page');

		var currentColor = '#ff4b00'; /* default */	


		/* Accordion menu */

		var accordionFx = new YtAccordionMenu('li.toggler', 'ul.accordion', { accordion: 'slide' });


		/* Main menu */

		var menuEnter = { 'margin-top': 0, 'padding-bottom': 15, 'background-color': '#000000' };

		var menuLeave = { 'margin-top': 5, 'padding-bottom': 0, 'background-color': '#1E1E1E' };


		if (YtSettings.color == 'white') {

			$extend(menuEnter, { 'background-color': '#ffffff' });

			$extend(menuLeave, { 'background-color': '#E6E6E6' });

		}


		var menuFx = new YtMorph('#menu li', menuEnter, menuLeave,

			{ transition: Fx.Transitions.expoOut, duration: 300 }); 


		/* Sub menu level2 */

		var submenuEnter = { 'background-color': currentColor };

		var submenuLeave = { 'background-color': '#000000' };


		if (YtSettings.layout == 'right') {

			$extend(submenuEnter, { 'margin-right': 0 });

			$extend(submenuLeave, { 'margin-right': 10 });

		} else {

			$extend(submenuEnter, { 'margin-left': 0 });

			$extend(submenuLeave, { 'margin-left': 10 });

		}


		if (YtSettings.color == 'white') $extend(submenuLeave, { 'background-color': '#ffffff' });


		var submenuFx1 = new YtMorph('#submenu .level2, #othermenu .level1', submenuEnter, submenuLeave,

			{ transition: Fx.Transitions.expoOut, duration: 300 },

			{ transition: Fx.Transitions.sineIn, duration: 500 });


		/* Sub menu level3 */

		var submenuLeave2 = $merge(submenuLeave, { 'background-color': '#141414' });


		if (YtSettings.color == 'white') $extend(submenuLeave2, { 'background-color': '#f0f0f0' });


		var submenuFx2 = new YtMorph('#submenu .level3, #othermenu .level2', submenuEnter, submenuLeave2,

			{ transition: Fx.Transitions.expoOut, duration: 300 },

			{ transition: Fx.Transitions.sineIn, duration: 500 });


		/* Module Morphing */

		var moduleEnter = currentColor;

		var moduleLeave = '#1E1E1E';

		if (YtSettings.color == 'white') moduleLeave = '#E6E6E6';


		var moduleFx = new YtMorph('#top div.moduletable, #bottom div.moduletable', 

			{ 'border-top-color': moduleEnter, 'border-right-color': moduleEnter,

			  'border-bottom-color': moduleEnter, 'border-left-color': moduleEnter },

			{ 'border-top-color': moduleLeave, 'border-right-color': moduleLeave,

			  'border-bottom-color': moduleLeave, 'border-left-color': moduleLeave },

			{ transition: Fx.Transitions.expoOut, duration: 400 },

			{ transition: Fx.Transitions.sineIn, duration: 500 }); 


		/* Top panel */

		var toppanelFx = new YtSlidePanel($E('#toppanel'), $E('#toppanel-wrapper'),

			YtSettings.heightToppanel, { transition: Fx.Transitions.expoOut, duration: 500 });

		toppanelFx.addTriggerEvent('#toppanel-container .trigger');

		toppanelFx.addTriggerEvent('#toppanel .close');


	},


	/* Include addons */

	include: function(library) {

		$ES('script').each(function(s, i){

			var src = s.getProperty('src');

			if (src && src.match(/yt_tools\.js(\?.*)?$/)) {

				var path = src.replace(/yt_tools\.js(\?.*)?$/,'') + 'addons/';

				document.write('<script language="javascript" src="' + path + library + '" type="text/javascript"></script>');		

			}

		});

	},


	/* Match height of div tags */

	setDivHeight: function() {

		YtBase.matchDivHeight('div.topbox div', 10, 40);

		YtBase.matchDivHeight('div.bottombox div', 10, 40);

		YtBase.matchDivHeight('div.maintopbox div', 0);

		YtBase.matchDivHeight('div.mainbottombox div', 0);

		YtBase.matchDivHeight('div.contenttopbox div', 0);

		YtBase.matchDivHeight('div.contentbottombox div', 0);

	}


};


/* Include addons */

YtTools.include('base.js');

YtTools.include('morph.js');

YtTools.include('accordionmenu.js');

YtTools.include('slidepanel.js');


/* Add functions on window load */

window.addEvent('load', YtTools.start);

3) скрипт menu.js (для чего понятно)

eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('4 e=7 A({n:2(){B{l:\'m\'}},C:2(k,j,9){0.D(0.n(),9);0.6=k;0.c=j;t(0.9.l){x\'E\':0.f();F;m:0.o()}},o:2(){4 5=-1;$d(0.6).g(2(3,i){r(3.s(\'5\'))5=i}.q(0));4 P=7 a.L(0.6,0.c,{K:5})},f:2(){$d(0.6).g(2(3,i){4 8=3.p(\'8\');4 h=3.p(0.c);4 b=7 a.N(h,{G:a.O.J,I:H});r(!3.s(\'5\'))b.M();8.w(\'v\',2(){b.y()})}.q(0))}});e.u(7 z);',52,52,'this||function|tog|var|active|togs|new|span|options|Fx|fx|elms|ES|YtAccordionMenu|createSlide|each|ul||elements|togglers|accordion|default|getOptions|createDefault|getElement|bind|if|hasClass|switch|implement|click|addEvent|case|toggle|Options|Class|return|initialize|setOptions|slide|break|transition|250|duration|linear|show|Accordion|hide|Slide|Transitions|accordionMenu'.split('|'),0,{}))

4) скрипт morph.js (чтобы плавно изменялся цвет как у меня на блоках и баннерах)

eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('d k=7 s({l:3(h,4,6,2,5){0.8({p:q,r:c.o.t,n:m},2);0.4=4;0.6=6;0.2=2;0.5=5;$$(h).A(3(1,i){0.f(1,i)}.b(0))},f:3(1,i){d 9=7 c.B(1,0.a);C(!1.z("y")){1.g(\'u\',3(e){9.8(0.a,0.2).j(0.4)}.b(0));1.g(\'w\',3(e){9.8(0.a,0.5).j(0.6)}.b(0))}}});k.x(7 v);',39,39,'this|el|enterFx|function|enter|leaveFx|leave|new|setOptions|liFxs|options|bind|Fx|var||createOver|addEvent|menu||start|YtMorph|initialize|false|wait|Transitions|duration|500|transition|Class|expoOut|mouseenter|Options|mouseleave|implement|active|hasClass|each|Styles|if'.split('|'),0,{}))

5)скрипт slidepanel.js (выезжает сверху)

eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('J=r.L.Q({j:4(){6{w:H,z:r.v.B}},A:4(5,7,a,8){3.y(3.j(),8);3.5=$(5);3.7=$(7);3.9=\'g\';3.t=\'a\';3.c=a;3.b=[];3.D(3.8)},x:4(m){k d=$E(m);p(3.5&&d)d.C(\'S\',4(){3.s()}.O(3))},N:4(){P(k i=0;i<2;i++)3.b[i]=3.R(3.M[i],3.F[i])},e:4(){6[3.5.h(\'9-g\').o(),3.7.h(\'a\').o()]},q:4(){6 3.n(3.e(),[0,3.c])},u:4(){6 3.n(3.e(),[-3.c,0])},s:4(){p(3.7.G==0)6 3.q();I 6 3.u()},K:4(){3.5.l(\'9-\'+3.9,3.b[0]+3.8.f);3.7.l(3.t,3.b[1]+3.8.f)}});',55,55,'|||this|function|element|return|wrapper|options|margin|height|now|offset|trigger|vertical|unit|top|getStyle||getOptions|var|setStyle|tr|start|toInt|if|slideIn|Fx|toggle|layout|slideOut|Transitions|duration|addTriggerEvent|setOptions|transition|initialize|linear|addEvent|parent||to|offsetHeight|500|else|YtSlidePanel|increase|Base|from|setNow|bind|for|extend|compute|click'.split('|'),0,{}))

6) скрипт slider.js (слайдер как у меня справа)

eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('7 H=y Y({E:2(){m{x:"v",l:"g",4:"t",q:R,P:13,w:R,O:W,u:K.V.U.T}},S:2(a,b,c){0.16(0.E(),c);0.Q=$(a);0.6=$$(;0.p=y K.12(0.6,{11:10,Z:X,u:0.1.u});N(0.1.x){n"v":3(0.1.l=="g"){0.1.4="t"}k{0.1.4="J"}0.I();G;n"F":3(0.1.l=="g"){0.1.4="L"}k{0.1.4="M"}0.D()}},I:2(){7 d={};0.6.f(2(c,i){d[i]=c.e(0.1.4).h();c.r("C",2({7 o={};c.B("9");0.6.f(2(a,j){7 s=a.e(0.1.4).h();3(j>=i){3(s!=d[j]){o[j]=0.8(s,d[j])}}k{3(s!=d[j]-0.1.q){o[j]=0.8(s,d[j]-0.1.q)}}3(j!=i){a.A("9")}}.5(0));0.p.z(o)}.5(0))}.5(0))},D:2(){0.6.f(2(c,i){c.r("C",2({7 o={};o[i]=0.8(c.e(0.1.4).h(),0.1.O);c.B("9");0.6.f(2(a,j){3(i!=j){7 s=a.e(0.1.4).h();3(s!=0.1.w){o[j]=0.8(s,0.1.w)}a.A("9")}}.5(0));0.p.z(o)}.5(0))}.5(0));0.Q.r("15",2({7 o={};0.6.f(2(a,i){o[i]=0.8(a.e(0.1.4).h(),0.1.P);a.A("9")}.5(0));0.p.z(o)}.5(0))},8:2(a,{N(0.1.x){n"v":3(0.1.l=="g"){m{t:[a,b]}}k{m{J:[a,b]}}G;n"F":3(0.1.l=="g"){m{L:[a,b]}}k{m{M:[a,b]}}}}});H.14(y 17);',62,70,'this|options|function|if|itemstyle|bind|items|var|getItemStyle|active|||||getStyle|each|vertical|toInt|||else|layout|return|case||fx|shiftSize|addEvent||top|transition|drawer|sizeSmall|mode|new|start|removeClass|addClass|mouseenter|createSliderFx|getOptions|slider|break|YOOslider|createDrawerFx|left|Fx|height|width|switch|sizeFull|sizeNormal|list|50|initialize|easeOut|Expo|Transitions|150|600|Class|duration|false|wait|Elements|100|implement|mouseleave|setOptions|Options'.split('|'),0,{}))[/code]

P.S.

Меню верхнее пока не буду менять на другой цвет, т.к хочу отделить все элементы от контента.

Но если все будут говорить что г...но, придется поменять

[nohc 0]

Забыл добавить, почти весь внешний вид меню настраивается через CSS

[baxus 49]

Ну Ягоду изменил неплохо.

Почему именно профессионалам? Если долго долго рисовать шаблоны, когда нибудь выработается свой стиль, и начнут выходить хорошие дизайны. Человек хочет стараться работать, а вы его отправляете лёгкими путями. Конечно дизайн нужно менять полностью - мою мнение. Но не нужно делать всё на ход ноги... типа вот фон ничё так... поставлю ка я его, а вот здесь деревянным...

Открой фотошоп и рисуй ...пока не нарисуешь что то путное...а потом переноси.

[nohc 0]

Ну Ягоду изменил неплохо.

Вы откройте код ягоды и мой - абсолютно разные, я свой с нуля писал. Из ягоды только скрипты взял

Изменено 15 сентября 2009 пользователем nohc

[inokentik 45]

Это только мне кажется и я один такой на форуме, но по-моему синий-голубой и т.д. ну никаким образом не сочетается с тем что есть... Убери синий и оставь только желтый и коричневый и будет красивей

[nohc 0]

Спасибо, попробуем