درخواست منو کناری شبیه این سایت

sorina_1100 · مرداد 94

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

http://gahartranslation.com

یه منو داره همون بالای سایت سمت راست پایین عکسه مرکز ترجمه گهر ، گزینه هاشم ایناس : عضویت ثبت سفارش و لیست قیمت و ...
یه همچین چیزی کسی داره؟
ممنون

golbazi · مرداد 94

با سلام و احترام خدمت شما

بکمک html و css براحتی می توان این شکل منو ها را ایجاد نمود

sorina_1100 · مرداد 94

در در ۱۳۹۴/۵/۱۵ در 16:25، golbazi گفته است :

با سلام و احترام خدمت شما

بکمک html و css براحتی می توان این شکل منو ها را ایجاد نمود

سلام

میشه کدهاش رو لطف کنید بدید ؟ من بلد نیستم

titan · مرداد 94

در در ۱۳۹۴/۵/۱۷ در 06:47، sorina_1100 گفته است :

سلام

میشه کدهاش رو لطف کنید بدید ؟ من بلد نیستم

/*

Theme Name: Gahar Theme

Theme URL: www.yaldaweb.com

Description: Design by: iVahid.com | Coded by: Mohammad Reza Sabzevari www.yaldaweb.com

Author: Mohammad Reza Sabzevari

Author URL: www.yaldaweb.com

*/

@font-face {

font-family: 'y_yekan';

src: url('font/yekan-webfont.eot');

src: url('font/yekan-webfont.eot?#iefix') format('embedded-opentype'),

url('font/yekan-webfont.woff') format('woff'),

url('font/yekan-webfont.ttf') format('truetype'),

url('font/yekan-webfont.svg#y_yekan') format('svg');

font-weight: normal;

font-style: normal;

}

@font-face {

font-family: 'y_unique';

src: url('font/mj_unique_light.eot');

src: url('font/mj_unique_light.eot?#iefix') format('embedded-opentype'),

url('font/mj_unique_light.woff') format('woff'),

url('font/mj_unique_light.ttf') format('truetype'),

url('font/mj_unique_light.svg#y_unique') format('svg');

font-weight: normal;

font-style: normal;

}

/*-- Coding: YaldaWeb.com // Mohammad Reza Sabzevari --*/

/*-- Yahoo! ID: mohammad.reza_sa --*/

/*------------------------------------------------*/

/*-----------------[RESET]------------------------*/

/*------------------------------------------------*/

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */

:focus { outline: 0; }

/* remember to highlight inserts somehow! */

ins { text-decoration: none; }

del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */

table { border-collapse: collapse; border-spacing: 0; }

article, aside, footer, header, hgroup, nav, section { display: block; }

/*------------------------------------------------*/

/*-----------------[bASIC STYLES]-----------------*/

/*------------------------------------------------*/

body { line-height: 21px; font-family: y_yekan,Tahoma,Arial,Verdana,sans-serif; font-size: 14px; color: #454545; background-color: #ffffff; direction:rtl;}

a { text-decoration: none; color: #4da28f; }

.clear { clear: both; }

.ui-tabs-hide { display: none; }

br.clear { margin: 0px; padding: 0px; }

h1, h2, h3, h4, h5, h6 { padding-bottom: 5px; color: #454545; line-height: 1em; font-weight: normal; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #454545; }

h1 { font-size: 30px; }

h2 { font-size: 24px; }

h3 { font-size: 22px; }

h4 { font-size: 18px; }

h5 { font-size: 16px; }

h6 { font-size: 14px; }

p { padding-bottom: 10px; line-height: 24px; }

strong { font-weight: bold; color: #1c1c1c; }

cite, em, i { font-style: italic; }

pre, code { font-family: Courier New, monospace; margin-bottom: 10px; }

ins { text-decoration: none; }

sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; }

sup { bottom: 0.8em; }

sub { top: 0.3em; }

dl { margin: 0 0 1.5em 0; }

dl dt { font-weight: bold; }

dd { margin-left: 1.5em;}

blockquote { margin: 1.5em; padding: 1em; color: #666666; background: #e6e6e6; font-style: italic; border: 1px solid #dcdcdc; }

blockquote p { padding-bottom: 0px; }

textarea { padding: 4px; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

* html .clearfix { zoom: 1; } /* IE6 */

*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.wrapper {

width:960px;

margin:0 auto;

}

.header {

background:#444444;

height:454px;

}

.nav {

background:url(images/nav-bg.png) repeat-x;

height:64px;

}

.cat ul {

}

.cat ul li {

float:right;

position: relative;

margin-left:0px !important;

margin-right:0px !important;

}

.cat ul li a {

border-left:solid 1px #e7e7e7;

height:61px;

line-height:61px;

margin:0 1px;

font-size:14px;

display:inline-block;

padding:0 18px;

color:#777;

transition:all 1000ms;

margin-left:0px !important;

margin-right:0px !important;

}

.cat ul li a:hover {

background:#e85f0d;

color:#fff;

}

/* Submenu */

.hasChildren {

position: absolute;

width: 10px; height: 10px;

background:url(images/haschild.png);

left : 1px;

bottom: 2px;

}

.cat ul li ul {

display: none;

position: absolute;

right: 0;

top: 100%;

margin: 0;

behavior: url(border-radius.htc);

border-radius:4px 0 4px 4px;

background:#e85f0d;

padding:4px 4px 2px 4px;

z-index:999999;

}

.cat ul li:hover > ul {

display: block;

}

.cat ul li ul li, .cat ul li ul li a {

float: none;

behavior: url(border-radius.htc);

border-radius:200px;

margin:3px 0;

height:30px;

background:#f6f6f6;

border:solid 0px #fff;

color:#444;

line-height:30px;

transition:all 300ms;

}

.cat ul li ul li:hover, .cat ul li ul li a:hover {

background:#af4a0e;

color:#fff;

}

.cat ul li ul li {

_display: inline; /* for IE6 */

}

.cat ul li ul li a {

width: 150px;

display: block;

}

/* SUBSUB Menu */

.cat ul li ul li ul {

display: none;

}

.cat ul li ul li:hover ul {

left: 100%;

top: 0;

}

.member {

float:left;

width:226px;

padding-top:12px;

}

.login,.register {

display:inline-block;

height:31px;

background:url(images/member-bg.png) no-repeat;

margin:1px;

text-indent:-99999px;

}

.login {

width:138px;

background-position:center right;

}

.register {

width:78px;

background-position:center left;

}

.logo {

width:291px;

height:374px;

float:right;

background:url(images/logo.png) no-repeat;

}

.links li a {

background:url(images/links.png) no-repeat;

width:187px;

height:30px;

line-height:30px;

text-indent:50px;

color:#fff;

display:block;

transition:all 500ms;

opacity:0.8;

}

.links {

margin-top:160px;

margin-right:30px;

}

.links:hover li a {

opacity:0.4;

}

.links:hover li:hover a {

opacity:1;

}

.links li {

margin-bottom:2px;

}

.links .l1 {

background-position: 0px 0px;

}

.links .l2 {

background-position: 0px -32px;

}

.links .l3 {

background-position: 0px -64px;

}

.links .l4 {

background-position: 0px -96px;

}

.links .l5 {

background-position: 0px -128px;

}

.links .l6 {

background-position: 0px -160px;

}

.slider {

float:left;

background:url(images/shadow.png) no-repeat 0 205px;

}

/* Slicebox Style */

.sb-slider {

margin: 30px auto 10px auto;

position: relative;

overflow: hidden;

width: 100%;

list-style-type: none;

padding: 0;

}

.sb-slider li {

margin: 0;

padding: 0;

display: none;

}

.sb-slider li > a {

outline: none;

}

.sb-slider li > a img {

border: none;

}

.sb-slider img {

max-width: 100%;

display: block;

}

.sb-description {

padding: 20px;

bottom: 10px;

left: 10px;

right: 10px;

z-index: 1000;

position: absolute;

background: #CBBFAE;

background: rgba(190,176,155, 0.4);

border-left: 4px solid rgba(255,255,255,0.7);

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

filter: alpha(opacity=0);

opacity: 0;

color: #fff;

-webkit-transition: all 200ms;

-moz-transition: all 200ms;

-o-transition: all 200ms;

-ms-transition: all 200ms;

transition: all 200ms;

}

.sb-slider li.sb-current .sb-description {

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

filter: alpha(opacity=80);

opacity: 1;

}

.sb-slider li.sb-current .sb-description:hover {

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=99)";

filter: alpha(opacity=99);

background: rgba(190,176,155, 0.7);

}

.sb-perspective {

position: relative;

}

.sb-perspective > div {

position: absolute;

-webkit-transform-style: preserve-3d;

-moz-transform-style: preserve-3d;

-o-transform-style: preserve-3d;

-ms-transform-style: preserve-3d;

transform-style: preserve-3d;

-webkit-backface-visibility : hidden;

-moz-backface-visibility : hidden;

-o-backface-visibility : hidden;

-ms-backface-visibility : hidden;

backface-visibility : hidden;

}

.sb-side {

margin: 0;

display: block;

position: absolute;

-moz-backface-visibility : hidden;

-webkit-transform-style: preserve-3d;

-moz-transform-style: preserve-3d;

-o-transform-style: preserve-3d;

-ms-transform-style: preserve-3d;

transform-style: preserve-3d;

}

.nav-arrows {

position:absolute;

top:1003px;

}

.sprev, .snext {

width:58px;

height:105px;

text-indent:-999px;

margin-right:20px;

display:inline-block;

background:url(images/arrows.png) top right;

opacity:0.5;

transition:all 500ms;

overflow:hidden;

}

.sprev {

margin-right:491px;

background:url(images/arrows.png) top left;

}

.sprev:hover, .snext:hover {

opacity:1;

}

.mojavez {

background: url("images/bullet.png") no-repeat scroll right center transparent;

color: #FFFFFF;

display: block;

font-size: 14px;

line-height: 1.3em;

padding-right: 35px;

padding-top: 10px;

width: 620px;

}

.content {

padding:15px;

}

/*=== Footer ===*/

.footer {

background:#444;

height:278px;

}

.fb1 {

float:right;

margin-top:20px;

margin-left:10px;

width:295px;

height:155px;

background:url(images/fb1.png) no-repeat top right;

padding-right:10px;

}

.fb1 p {

color:#fff;

line-height:1.3em;

padding-right:20px;

}

.fb2 {

border-right:solid 4px #ff6c00;

width:260px;

margin-top:20px;

margin-left:10px;

height:155px;

float:right;

}

.fb2 h4 {

height:26px;

line-height:26px;

background:#ff6c00;

color:#fff;

padding: 0 15px;

font-size:14px;

font-weight:normal;

display:inline-block;

}

.fb2 .customers ul {

}

.fb2 .customers ul {

list-style:disc inside none;

color:#fff;

padding:10px 15px;

}

.fb2 .customers ul li a {

color:#fff;

}

.fb3 {

width:362px;

height:182px;

background:url(images/logos.png);

float:left;

}

.fb3-enamad {

width:128px;

height:152px;

background-color: #f2f2f2;

float:left;

margin-left: 15px;

margin-top: 14px;

}

.fb3-enamad-code {

width:150px;

height:150px;

float:left;

;

margin-top: -1px;

}

.fb3-mellat {

width:195px;

height:152px;

background:url(images/melat.png);

float:left;

margin-left: 11px;

margin-top: 14px;

}

.copyright{

background: url("images/cr.png") repeat-x scroll center top transparent;

font-size: 13px;

height: 45px;

margin-top: 25px;

padding: 15px 0 0;

}

.copy {

background:url(images/copy.png) no-repeat center right;

padding-right:45px;

color:#fff;

text-shadow:1px 1px 0 #000;

float:right;

}

.copy a strong {

color:#aaa;

transition:all 500ms;

font-weight:normal;

}

.copy a:hover strong {

color:#fff;

}

.ivahid-logo {

float: left;

width: 140px;

}

.ivahid-logo a {

background: url("images/ivahid.png") no-repeat scroll 0 -90px transparent;

display: block;

height: 52px;

transition: all 0.3s ease 0s;

width: 140px;

}

.ivahid-logo a:hover {

animation: 400ms ease-out 0s normal none 1 rotatey;

background: url("images/ivahid.png") no-repeat scroll 0 -12px transparent;

height: 52px;

width: 140px;

}

@-webkit-keyframes rotatey {

0% {transform:rotate(0deg); -ms-transform:rotate(55deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg);}

25% {transform:rotate(10deg); -ms-transform:rotate(10deg); -moz-transform:rotate(10deg); -webkit-transform:rotate(10deg); -o-transform:rotate(10deg);}

50% {transform:rotate(-10deg); -ms-transform:rotate(-10deg); -moz-transform:rotate(-10deg); -webkit-transform:rotate(-10deg); -o-transform:rotate(-10deg);}

100% {transform:rotate(0deg); -ms-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg);}

}

@-moz-keyframes rotatey {

0% {transform:rotate(0deg); -ms-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg);}

25% {transform:rotate(10deg); -ms-transform:rotate(10deg); -moz-transform:rotate(10deg); -webkit-transform:rotate(10deg); -o-transform:rotate(10deg);}

50% {transform:rotate(-10deg); -ms-transform:rotate(-10deg); -moz-transform:rotate(-10deg); -webkit-transform:rotate(-10deg); -o-transform:rotate(-10deg);}

100% {transform:rotate(0deg); -ms-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg);}

}

@-webkit-keyframes rotatex {

0% {transform:rotate(0deg); -ms-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg);}

25% {transform:rotate(10deg); -ms-transform:rotate(10deg); -moz-transform:rotate(10deg); -webkit-transform:rotate(10deg); -o-transform:rotate(10deg);}

50% {transform:rotate(-10deg); -ms-transform:rotate(-10deg); -moz-transform:rotate(-10deg); -webkit-transform:rotate(-10deg); -o-transform:rotate(-10deg);}

100% {transform:rotate(0deg); -ms-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg);}

}

@-moz-keyframes rotatex {

0% {transform:rotate(0deg); -ms-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg);}

25% {transform:rotate(7deg); -ms-transform:rotate(7deg); -moz-transform:rotate(7deg); -webkit-transform:rotate(7deg); -o-transform:rotate(7deg);}

50% {transform:rotate(-7deg); -ms-transform:rotate(-7deg); -moz-transform:rotate(-7deg); -webkit-transform:rotate(-7deg); -o-transform:rotate(-7deg);}

100% {transform:rotate(0deg); -ms-transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg);}

}

@-webkit-keyframes movingr {

0% {margin-right:0px;}

25% {margin-right:10px;}

50% {margin-right:-10px;}

100% {margin-right:0px;}

}

@-moz-keyframes movingr {

0% {margin-right:0px;}

25% {margin-right:10px;}

50% {margin-right:-10px;}

100% {margin-right:0px;}

}

@-webkit-keyframes movingl {

0% {margin-left:0px;}

25% {margin-left:10px;}

50% {;}

100% {margin-left:0px;}

}

@-moz-keyframes movingl {

0% {margin-left:0px;}

25% {margin-left:10px;}

50% {;}

100% {margin-left:0px;}

}

/*////////////////////////////////////*/

/*=== Buttons ===*/

.btn {

display: inline-block;

*display: inline;

padding: 400px 12px;

margin-bottom: 55;

*margin-left: .3em;

font-size: 104px;

line-height: 200px;

color: #333333;

text-align: center;

text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);

vertical-align: middle;

cursor: pointer;

background-color: #f5f5f5;

*background-color: #e6e6e6;

background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));

background-repeat: repeat-x;

border: 1px solid #cccccc;

*border: 0;

border-color: #e6e6e6 #e6e6e6 #bfbfbf;

border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

border-bottom-color: #b3b3b3;

-webkit-border-radius: 4px;

-moz-border-radius: 4px;

border-radius: 4px;

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);

filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);

*zoom: 1;

-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);

-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);

box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);

}

.btn:hover,

.btn:focus,

.btn:active,

.btn.active,

.btn.disabled,

color: #333333;

background-color: #e6e6e6;

*background-color: #d9d9d9;

}

.btn:active,

.btn.active {

background-color: #cccccc \9;

}

.btn:first-child {

*margin-left: 0;

}

.btn:hover,

.btn:focus {

color: #333333;

text-decoration: none;

background-position: 0 -15px;

-webkit-transition: background-position 0.1s linear;

-moz-transition: background-position 0.1s linear;

-o-transition: background-position 0.1s linear;

transition: background-position 0.1s linear;

}

.btn:focus {

outline: thin dotted #333;

outline: 5px auto -webkit-focus-ring-color;

outline-offset: -2px;

}

.btn.active,

.btn:active {

outline: 0;

-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);

-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);

box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);

}

.btn.disabled,

cursor: default;

opacity: 0.65;

filter: alpha(opacity=65);

-webkit-box-shadow: none;

-moz-box-shadow: none;

box-shadow: none;

}

.btn-large {

padding: 11px 19px;

font-size: 17.5px;

-webkit-border-radius: 60px;

-moz-border-radius: 6px;

border-radius: 6px;

}

.btn-large [class^=icon-],

.btn-large [class*= icon-] {

margin-top: 4px;

}

.btn-small {

padding: 2px 8px;

font-size: 11.9px;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

border-radius: 3px;

}

.btn-small [class^=icon-],

.btn-small [class*= icon-] {

margin-top: 0;

}

.btn-mini [class^=icon-],

.btn-mini [class*= icon-] {

margin-top: -1px;

}

.btn-mini {

padding: 0 6px;

font-size: 10.5px;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

border-radius: 3px;

}

.btn-block {

display: block;

width: 100%;

padding-right: 0;

padding-left: 0;

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

}

.btn-block + .btn-block {

margin-top: 5px;

}

input[type=submit].btn-block,

input[type=reset].btn-block,

input[type=button].btn-block {

width: 100%;

}

.btn-primary.active,

.btn-warning.active,

.btn-danger.active,

.btn-success.active,

.btn-info.active,

.btn-inverse.active {

color: rgba(255, 255, 255, 0.75);

}

.btn-primary {

color: #ffffff;

text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

background-color: #006dcc;

*background-color: #0044cc;

background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));

background-repeat: repeat-x;

border-color: #0044cc #0044cc #002a80;

border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);

filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);

}

.btn-primary:hover,

.btn-primary:focus,

.btn-primary:active,

.btn-primary.active,

.btn-primary.disabled,

color: #ffffff;

background-color: #0044cc;

*background-color: #003bb3;

}

.btn-primary:active,

.btn-primary.active {

background-color: #003399 \9;

}

.btn-warning {

color: #ffffff;

text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

background-color: #faa732;

*background-color: #f89406;

background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));

background-repeat: repeat-x;

border-color: #f89406 #f89406 #ad6704;

border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);

filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);

}

.btn-warning:hover,

.btn-warning:focus,

.btn-warning:active,

.btn-warning.active,

.btn-warning.disabled,

color: #ffffff;

background-color: #f89406;

*background-color: #df8505;

}

.btn-warning:active,

.btn-warning.active {

background-color: #c67605 \9;

}

.btn-danger {

color: #ffffff;

text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

background-color: #da4f49;

*background-color: #bd362f;

background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));

background-repeat: repeat-x;

border-color: #bd362f #bd362f #802420;

border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);

filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);

}

.btn-danger:hover,

.btn-danger:focus,

.btn-danger:active,

.btn-danger.active,

.btn-danger.disabled,

color: #ffffff;

background-color: #bd362f;

*background-color: #a9302a;

}

.btn-danger:active,

.btn-danger.active {

background-color: #942a25 \9;

}

.btn-success {

color: #ffffff;

text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

background-color: #5bb75b;

*background-color: #51a351;

background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));

background-repeat: repeat-x;

border-color: #51a351 #51a351 #387038;

border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);

filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);

}

.btn-success:hover,

.btn-success:focus,

.btn-success:active,

.btn-success.active,

.btn-success.disabled,

color: #ffffff;

background-color: #51a351;

*background-color: #499249;

}

.btn-success:active,

.btn-success.active {

background-color: #408140 \9;

}

.btn-info {

color: #ffffff;

text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

background-color: #49afcd;

*background-color: #2f96b4;

background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));

background-repeat: repeat-x;

border-color: #2f96b4 #2f96b4 #1f6377;

border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);

filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);

}

.btn-info:hover,

.btn-info:focus,

.btn-info:active,

.btn-info.active,

.btn-info.disabled,

color: #ffffff;

background-color: #2f96b4;

*background-color: #2a85a0;

}

.btn-info:active,

.btn-info.active {

background-color: #24748c \9;

}

.btn-inverse {

color: #ffffff;

text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

background-color: #363636;

*background-color: #222222;

background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));

background-repeat: repeat-x;

border-color: #222222 #222222 #000000;

border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);

filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);

}

.btn-inverse:hover,

.btn-inverse:focus,

.btn-inverse:active,

.btn-inverse.active,

.btn-inverse.disabled,

color: #ffffff;

background-color: #222222;

*background-color: #151515;

}

.btn-inverse:active,

.btn-inverse.active {

background-color: #080808 \9;

}

button.btn,

input[type=submit].btn {

*padding-top: 3px;

*padding-bottom: 3px;

}

/*==== Index ====*/

.steps {

padding-right: 196px;

width: 758px;

height:188px;

background:url(images/steps-bg.png) no-repeat;

margin: 20px auto;

}

.steps a {

display:inline-block;

background:url(images/steps.png) no-repeat 0 0;

width:172px;

height:188px;

transition:all 400ms;

}

.step1 {

background-position: -1204px 0 !important;

}

.step2 {

background-position: -860px 0 !important;

margin-right:19px;

}

.step3 {

background-position: -516px 0 !important;

margin-right:19px;

}

.step4 {

background-position: -172px 0 !important;

margin-right:19px;

}

.step1:hover {

background-position: -1032px 0 !important;

animation: 400ms ease-out 0s normal none 1 rotatex;

}

.step2:hover {

background-position: -688px 0 !important;

animation: 400ms ease-out 0s normal none 1 rotatex;

}

.step3:hover {

background-position: -344px 0 !important;

animation: 400ms ease-out 0s normal none 1 rotatex;

}

.step4:hover {

background-position: 0 0 !important;

animation: 400ms ease-out 0s normal none 1 rotatex;

}

.home {

background:url(images/home-shadow.png) no-repeat top center;

padding-top:38px;

overflow:hidden;

padding-bottom:45px;

}

.hb1,.hb2,.hb3 {

width:292px;

float:right;

}

.hb2,.hb3 {

margin-right:20px;

}

.hb1 h3,.hb2 h3,.hb3 h3 {

height:32px;

line-height:40px;

font-size:16px;

padding-right:44px;

color:#676767;

}

.hb1 h3 {

background:url(images/icon1.png) no-repeat center right;

}

.hb2 h3 {

background:url(images/icon2.png) no-repeat center right;

}

.hb3 h3 {

background:url(images/icon3.png) no-repeat center right;

}

.hc {

background:#f6f6f6;

border:solid 1px #dcdcdc;

behavior: url(border-radius.htc);

border-radius:6px;

width:286px;

padding:6px;

}

.hc1 a {

display:block;

background:#ffffff url(images/rss2.png) no-repeat top right;

border:solid 1px #dcdcdc;

padding:9px;

behavior: url(border-radius.htc);

border-radius:5px;

margin:5px;

}

.hc1 a:hover {

background:#ffffff url(images/rss1.png) no-repeat top right;

display:block;

}

span.p_title {

color:#5a5555;

padding-right:18px;

}

span.p_date {

text-align:left;

display:block;

color:#9c9c9c;

}

.newsletter {

background:url(images/newsletter.png) no-repeat top center;

padding-top:225px;

overflow:hidden;

text-align:center;

}

.sml_nameinput,.sml_emailinput {

width:240px;

padding:0 10px;

height:34px;

behavior: url(border-radius.htc);

border-radius:5px;

background:#ffffff;

font-family:y_yekan;

font-size:14px;

margin:0 auto;

border:solid 1px #dcdcdc;

}

p.sml_submit {text-align:left;padding-left:13px;font-family:y_yekan;font-size:14px;}

.sml_submitbtn {font-family:y_yekan;font-weight:normal !important;}

.sml_thankyou {color:#0a0;}

.hc_input {

height:36px;

line-height:36px;

background:#fff;

padding:0 10px !important;

width:265px;

font-family:y_yekan !important;

margin:3px 0;

color:#5a5555;

}

.hc_text {height:104px;line-height:1.6em;font-size:14px;margin-top:10px;margin-bottom:10px;}

.content_wrapper {

width:910px;

border:solid 7px #f1f1f1;

padding:19px;

overflow:hidden;

}

.c_title, .p_title {

height:42px;

line-height:42px;

background:#f3f3f3;

padding:0 20px;

behavior: url(border-radius.htc);

border-radius:5px;

display:inline-block;

transition:all 800ms;

color:#555; margin-right:20px;

}

.c_title:hover {

background:#a00;

color:#fff;

}

/*-- Coding: YaldaWeb.com // Mohammad Reza Sabzevari --*/

/*-- Yahoo! ID: mohammad.reza_sa --*/

ورود

آخرین ارسال های انجمن جومینا

دانلود جوملای فارسی

دانلود افزونه ها

پیامک متصل به جوملا

کانال تلگرام جومینا

درخواست منو کناری شبیه این سایت

پست های پیشنهاد شده

sorina_1100 6

به اشتراک گذاری این ارسال

لینک به ارسال

به اشتراک گذاری در سایت های دیگر

golbazi 31

به اشتراک گذاری این ارسال

لینک به ارسال

به اشتراک گذاری در سایت های دیگر

sorina_1100 6

به اشتراک گذاری این ارسال

لینک به ارسال

به اشتراک گذاری در سایت های دیگر

titan 3

به اشتراک گذاری این ارسال

لینک به ارسال

به اشتراک گذاری در سایت های دیگر

به گفتگو بپیوندید

فهرست

فعالیت ها