WFruit | Fruit Supplier and Wholesale
نمایش نتایج: از 1 به 4 از 4

موضوع: راستچین کردن قالب html

  1. Top | #1
    کاربر سایت

    تاریخ عضویت
    Aug 2015
    ورژن ویبولتین
    12
    نوشته ها
    3
    مورد پسند
    0 بار
    اطلاعات
    Windows 8 Firefox 46.0
    میزان امتیاز
    0

    Post راستچین کردن قالب html

    با سلام
    میخاستم این کدزیر که استایل یک قالب مدریتی اماده هست رو لطفا برام راستچین کنید
    ممنونم ازتون
    کد HTML:
    /* 
    Name: 			Parto 
    Written by: 	Irandesing) 
    Theme Version: 	1.0.0 
    */ 
    html, 
    body { 
    	background: #ecedf0; 
    	width: 100%; 
    } 
    
    html { 
    	font-size: 10px; 
    } 
    
    body { 
    	color: #777; 
    	font-family: "IranSans", Arial, sans-serif; 
    	line-height: 22px; 
    	margin: 0; 
    	font-size: 13px; 
    	overflow-x: hidden; 
    	overflow-y: scroll; 
    } 
    
    a { 
    	color: #cccccc; 
    } 
    
    a:hover, a:focus { 
    	color: #d9d9d9; 
    } 
    
    a:active { 
    	color: #bfbfbf; 
    } 
    
    /* Layout Base - Main Wrapper	*/ 
    .body { 
    	min-height: 100vh; 
    	width: 100%; 
    } 
    
    /* Layout Base - Header */ 
    .header { 
    	height: 60px; 
    	left: 0; 
    	position: absolute; 
    	right: 0; 
    	top: 0; 
    } 
    
    /* Layout Base - Inner Wrapper */ 
    .inner-wrapper { 
    	display: table; 
    	min-height: 100vh; 
    	padding-top: 60px; 
    	table-layout: fixed; 
    	overflow: hidden; 
    	width: 100%; 
    } 
    
    /* Layout Base - Content Body */ 
    .content-body { 
    	display: table-cell; 
    	padding: 40px; 
    	position: relative; 
    	vertical-align: top; 
    } 
    
    .content-body > .row + .row { 
    	padding-top: 10px; 
    } 
    
    /* Layout Base - Page Header */ 
    .page-header { 
    	background: #171717; 
    	border-bottom: none; 
    	border-left: 1px solid #3a3a3a; 
    	box-shadow: 1px 3px 0 1px #cccccc; 
    	height: 50px; 
    	margin: -40px -40px 40px -40px; 
    	padding: 0; 
    } 
    
    /* Layout Base - sidebar Left */ 
    .sidebar-left { 
    	background: #1d2127; 
    	box-shadow: -5px 0 0 #2f3139 inset; 
    	color: #777777; 
    	display: table-cell; 
    	position: relative; 
    	vertical-align: top; 
    	width: 300px; 
    	z-index: 1010; 
    } 
    
    /* Layout Base - sidebar Left Opened ( Larger than mobile ) */  [MENTION=36684]media[/MENTION] only screen and (min-width: 768px) { 
    	html.sidebar-left-collapsed .sidebar-left { 
    		width: 73px; 
    	} 
    } 
    /* Layout Base - sidebar Right */ 
    .sidebar-right { 
    	background: #171717; 
    	bottom: 0; 
    	margin-right: -300px; 
    	min-height: 100vh; 
    	position: fixed; 
    	right: 0; 
    	top: 0; 
    	width: 300px; 
    } 
    
    /* Layout Base - sidebar Right Opened ( Larger than mobile ) */  [MENTION=36684]media[/MENTION] only screen and (min-width: 768px) { 
    	html.sidebar-right-opened .header { 
    		margin-left: -300px; 
    		margin-right: 300px; 
    	} 
    
    	html.sidebar-right-opened .inner-wrapper { 
    		margin-left: -300px; 
    	} 
    
    	html.sidebar-right-opened .sidebar-right { 
    		margin-right: 0; 
    	} 
    } 
    /* Layout Base - Flexbox supported */  [MENTION=36684]media[/MENTION] only screen and (min-width: 768px) { 
    	html.flexbox .inner-wrapper, 
    	html.flexboxlegacy .inner-wrapper { 
    		display: -webkit-box; 
    		display: -moz-box; 
    		display: box; 
    		display: -webkit-flex; 
    		display: -moz-flex; 
    		display: -ms-flexbox; 
    		display: flex; 
    	} 
    
    	html.flexbox .sidebar-left, 
    	html.flexbox .content-body, 
    	html.flexboxlegacy .sidebar-left, 
    	html.flexboxlegacy .content-body { 
    		display: block; 
    		-webkit-flex-shrink: 0; 
    		-moz-flex-shrink: 0; 
    		flex-shrink: 0; 
    		-ms-flex-negative: 0; 
    	} 
    
    	html.flexbox .content-body, 
    	html.flexboxlegacy .content-body { 
    		-webkit-box-flex: 2; 
    		-moz-box-flex: 2; 
    		box-flex: 2; 
    		-webkit-flex: 2; 
    		-moz-flex: 2; 
    		-ms-flex: 2; 
    		flex: 2; 
    	} 
    } 
    /* Layout Fixed */  [MENTION=36684]media[/MENTION] only screen and (min-width: 768px) { 
    	/* Layout Fixed - Reseting Styles */ 
    	html.fixed .inner-wrapper, 
    	html.fixed .sidebar-left, 
    	html.fixed .content-body { 
    		display: block; 
    	} 
    
    	/* Layout Fixed - Header */ 
    	html.fixed .header { 
    		position: fixed; 
    		z-index: 1020; 
    	} 
    
    	/* Layout Fixed - Inner Wrapper */ 
    	html.fixed .inner-wrapper { 
    		padding-top: 110px; 
    	} 
    
    	/* Layout Fixed - Content Body */ 
    	html.fixed .content-body { 
    		margin-left: 300px; 
    	} 
    
    	html.fixed .content-body.has-toolbar { 
    		padding-top: 92px; 
    	} 
    
    	/* Layout Fixed - Page header */ 
    	html.fixed .page-header { 
    		left: 300px; 
    		margin: 0; 
    		position: fixed; 
    		right: 0; 
    		top: 60px; 
    	} 
    
    	/* Layout Fixed - sidebar Left */ 
    	html.fixed .sidebar-left { 
    		bottom: 0; 
    		left: 0; 
    		padding-bottom: 50px; 
    		position: fixed; 
    		top: 60px; 
    	} 
    
    	html.fixed .sidebar-left .nano-content { 
    		padding-bottom: 50px; 
    	} 
    
    	/* Layout Fixed - sidebar Left Collapsed */ 
    	html.fixed.sidebar-left-collapsed .page-header { 
    		left: 73px; 
    	} 
    
    	html.fixed.sidebar-left-collapsed .content-body { 
    		margin-left: 73px; 
    	} 
    
    	/* Layout Fixed - sidebar Right Opened */ 
    	html.fixed.sidebar-right-opened .page-header { 
    		left: 0; 
    		margin-right: 300px; 
    	} 
    
    	html.fixed.sidebar-right-opened .sidebar-left { 
    		left: -300px; 
    	} 
    
    	/* Layout Fixed - sidebar Left Collapsed & sidebar Right Opened */ 
    	html.fixed.sidebar-left-collapsed.sidebar-right-opened .page-header { 
    		left: -300px; 
    	} 
    } 
    /* Layout Boxed - small than min-width */  [MENTION=36684]media[/MENTION] only screen and (max-width: 1199px) { 
    	html.boxed .header { 
    		border-color: #cccccc; 
    	} 
    } 
    /* Layout Boxed - larger or equal min width */  [MENTION=36684]media[/MENTION] only screen and (min-width: 1200px) { 
    	/* Layout Boxed - Body Tag */ 
    	html.boxed body { 
    		background: url(../images/patterns/denim.png) repeat; 
    	} 
    
    	/* Layout Boxed - Main Wrapper */ 
    	html.boxed .body { 
    		position: relative; 
    		max-width: 1200px; 
    		margin: 0 auto; 
    		background-color: transparent; 
    	} 
    
    	/* Layout Boxed - Header */ 
    	html.boxed .header { 
    		border-top: 3px solid #cccccc; 
    		height: 63px; 
    		position: absolute; 
    		top: 25px; 
    	} 
    
    	/* Layout Boxed - Inner Wrapper */ 
    	html.boxed .inner-wrapper { 
    		padding-top: 88px; 
    		padding-bottom: 25px; 
    	} 
    
    	/* Layout Boxed - Content Body */ 
    	html.boxed .content-body { 
    		background-color: #ecedf0; 
    	} 
    
    	/* Layout Boxed - Border Radius */ 
    	html.boxed .header { 
    		border-radius: 5px 5px 0 0; 
    	} 
    
    	html.boxed .sidebar-left { 
    		border-radius: 0 0 0 5px; 
    	} 
    
    	html.boxed .content-body { 
    		border-radius: 0 0 5px 0; 
    	} 
    
    	html.boxed .sidebar-right { 
    		border-radius: 0 5px 5px 0; 
    	} 
    
    	/* Layout Boxed - sidebar Right */ 
    	html.boxed .sidebar-right { 
    		border-top: 3px solid #cccccc; 
    		min-height: 0; 
    	} 
    
    	/* Layout Boxed - sidebar Right Opened */ 
    	html.boxed.sidebar-right-opened .body { 
    		overflow: hidden; 
    	} 
    
    	html.boxed.sidebar-right-opened .header { 
    		border-radius: 5px 0 0 0; 
    	} 
    
    	html.boxed.sidebar-right-opened .content-body { 
    		border-radius: 0 0 0 5px; 
    	} 
    
    	html.boxed.sidebar-right-opened .sidebar-right { 
    		bottom: 25px; 
    		position: absolute; 
    		top: 25px; 
    	} 
    } 
     [MENTION=36684]media[/MENTION] only screen and (max-width: 767px) { 
    	html, 
    	body { 
    		background: #ecedf0; 
    	} 
    
    	html.mobile-device .sidebar-left, 
    	html.mobile-device .sidebar-right { 
    		overflow-y: scroll; 
    		overflow-x: hidden; 
    		-webkit-overflow-scrolling: touch; 
    	} 
    
    	body { 
    		min-height: 100vh; 
    	} 
    
    	.inner-wrapper, 
    	.sidebar-left, 
    	.content-body { 
    		display: block; 
    	} 
    
    	.body { 
    		min-height: 0; 
    		overflow: visible; 
    	} 
    
    	.header { 
    		background: none; 
    		border: none; 
    		height: auto; 
    		position: static; 
    	} 
    
    	.header .logo-container { 
    		height: 60px; 
    		left: 0; 
    		position: fixed; 
    		right: 0; 
    		top: 0; 
    		z-index: 99; 
    	} 
    
    	.header .header-right { 
    		background: #FFF; 
    		float: none !important; 
    		height: 60px; 
    		margin-top: 60px; 
    		width: 100%; 
    	} 
    
    	.inner-wrapper { 
    		min-height: 0; 
    		padding-top: 0; 
    	} 
    
    	.content-body { 
    		padding: 0 15px 15px; 
    	} 
    
    	.page-header { 
    		margin: 0 -15px 20px; 
    	} 
    
    	.sidebar-left { 
    		bottom: 0; 
    		left: -100%; 
    		min-height: 0; 
    		min-width: 100%; 
    		min-width: 100vw; 
    		padding-top: 60px; 
    		padding-bottom: 50px; 
    		position: fixed; 
    		overflow: hidden; 
    		top: 0; 
    		z-index: 98 !important; 
    	} 
    
    	.sidebar-right { 
    		bottom: 0; 
    		left: auto; 
    		right: -100%; 
    		min-height: 0; 
    		margin-right: 0; 
    		min-width: 100%; 
    		min-width: 100vw; 
    		top: 0; 
    		z-index: 100; 
    	} 
    
    	html.csstransforms .sidebar-left, 
    	html.csstransforms .sidebar-right { 
    		/* performs better but native android browser 
    		has problems with translate and percentage 
    		@include transition-property(transform); 
    		*/ 
    		-webkit-transition-property: margin; 
    		-moz-transition-property: margin; 
    		transition-property: margin; 
    		-webkit-transition-duration: 0.25s; 
    		-moz-transition-duration: 0.25s; 
    		transition-duration: 0.25s; 
    		-webkit-transition-timing-function: ease-out; 
    		-moz-transition-timing-function: ease-out; 
    		transition-timing-function: ease-out; 
    		-webkit-transition-delay: 0; 
    		-moz-transition-delay: 0; 
    		transition-delay: 0; 
    	} 
    
    	html.csstransforms .sidebar-left { 
    		/* performs better but native android browser 
    		has problems with translate and percentage 
    		@include transform( translateX(0) ); 
    		*/ 
    		margin-left: -25px; 
    	} 
    
    	html.csstransforms .sidebar-right { 
    		/* performs better but native android browser 
    		has problems with translate and percentage 
    		@include transform( translateX(0) ); 
    		*/ 
    		margin-right: -25px; 
    	} 
    
    	/* If desktop is seeing mobile res, fix scrollbars */ 
    	html.no-mobile-device body { 
    		min-height: 0; 
    	} 
    
    	html.no-mobile-device .body { 
    		min-height: 100vh; 
    		overflow: hidden; 
    	} 
    
    	html.no-mobile-device .inner-wrapper { 
    		overflow-y: auto; 
    	} 
    
    	html.no-mobile-device.sidebar-left-opened,  html.no-mobile-device.sidebar-left-opened body,  html.no-mobile-device.sidebar-right-opened,  html.no-mobile-device.sidebar-right-opened body { 
    		overflow: hidden; 
    	} 
    
    	/* Layout Mobile - sidebar Left Opened */ 
    	html.sidebar-left-opened.no-csstransforms .sidebar-left { 
    		left: 0; 
    	} 
    
    	html.sidebar-left-opened.csstransforms .sidebar-left { 
    		/* performs better but native android browser 
    		has problems with translate and percentage 
    		@include transform( translateX(100%) ); 
    		*/ 
    		margin-left: 100%; 
    	} 
    
    	/* Layout Mobile - sidebar Right Opened */ 
    	html.sidebar-right-opened.no-csstransforms .sidebar-right { 
    		right: 0; 
    	} 
    
    	html.sidebar-right-opened.csstransforms .sidebar-right { 
    		/* performs better but native android browser 
    		has problems with translate and percentage 
    		@include transform( translateX(-100%) ); 
    		*/ 
    		margin-right: 100%; 
    	} 
    
    	/* Layout Mobile - sidebar Left Collapsed & sidebar Right Opened */ 
    	html.sidebar-left-collapsed.sidebar-right-opened .sidebar-left { 
    		margin-left: -300px; 
    	} 
    } 
    /* Content With Menu - Boxed Layout Fixing Spacement on Bottom */  [MENTION=36684]media[/MENTION] only screen and (min-width: 1200px) { 
    	html.boxed .content-with-menu { 
    		margin-bottom: -40px; 
    	} 
    } 
    /* Content With Menu - Container */  [MENTION=36684]media[/MENTION] only screen and (min-width: 768px) { 
    	.content-with-menu-container { 
    		display: table; 
    		table-layout: fixed; 
    		width: 100%; 
    	} 
    } 
    /* Content With Menu - Menu Faux Column for Scroll and Boxed Layouts */  [MENTION=36684]media[/MENTION] only screen and (min-width: 768px) { 
    	html.scroll .content-with-menu:before, 
    	html.boxed .content-with-menu:before { 
    		bottom: -47px; 
    		content: ''; 
    		display: block; 
    		left: 0; 
    		position: absolute; 
    		top: 54px; 
    		width: 300px; 
    	} 
    
    	html.scroll .content-with-menu:after, 
    	html.boxed .content-with-menu:after { 
    		bottom: -46px; 
    		content: ''; 
    		display: block; 
    		left: -1px; 
    		position: absolute; 
    		top: 54px; 
    		width: 1px; 
    		z-index: 3; 
    	} 
    
    	html.boxed .content-with-menu:before { 
    		bottom: 0; 
    	} 
    
    	html.boxed .content-with-menu:after { 
    		bottom: 2px; 
    	} 
    } 
    
    .content-with-menu { 
    	margin: -20px -15px 0; 
    } 
    
    /* Content With Menu - Responsive */  [MENTION=36684]media[/MENTION] only screen and (max-width: 767px) { 
    	.content-with-menu { 
    		clear: both; 
    	} 
    
    	.inner-body { 
    		padding: 40px 15px 0; 
    	} 
    } 
    /* Content With Menu - Menu and Body */  [MENTION=36684]media[/MENTION] only screen and (min-width: 768px) { 
    	.content-with-menu { 
    		border-top: 110px solid transparent; 
    		margin: -150px -40px -53px -40px; 
    		min-height: 100vh; 
    	} 
    
    	.inner-menu { 
    		display: table-cell; 
    		vertical-align: top; 
    	} 
    
    	.inner-body { 
    		display: table-cell; 
    		vertical-align: top; 
    		padding: 40px; 
    	} 
    
    	.inner-toolbar { 
    		height: 52px; 
    		overflow: hidden; 
    	} 
    
    	.content-with-menu-has-toolbar .inner-menu-toggle { 
    		border-radius: 0; 
    	} 
    
    	.content-with-menu-has-toolbar .inner-toolbar { 
    		padding-left: 140px; 
    	} 
    } 
    /* Content With Menu - Flexbox supported */  [MENTION=36684]media[/MENTION] only screen and (min-width: 768px) { 
    	html.flexbox .content-with-menu-container, 
    	html.flexboxlegacy .content-with-menu-container { 
    		display: -webkit 




  2. گیفت کارت آیتونز

  3. Top | #2
    کاندیدای مدیریت

    تاریخ عضویت
    Aug 2012
    ورژن ویبولتین
    -
    نوشته ها
    1,063
    مورد پسند
    1,304 بار
    اطلاعات
    Windows 7/Server 2008 R2 Chrome 51.0.2704.79
    میزان امتیاز
    141

    پیش فرض

    اگر بصورت سفارشی ( با هزینه ) خواستید مییتونید با من تماس بگیرید. تلگرام: redgraphic

    کاربر مقابل از Vakili بابت این پست مفید تشکر کرده است:

    طراحی قالب وردپرس | طراحی وب‌سایت | طراحی گرافیک | تبدیل PSD به WP
    تماس با من: [email protected] ، 0912 932 8839 ، تلگرام: [email protected]

  4. Top | #3
    پاسخگو و راهنمای سایت

    تاریخ عضویت
    Jan 2010
    ورژن ویبولتین
    all version
    نوشته ها
    7,286
    مورد پسند
    9,272 بار
    نوشته های وبلاگ
    73
    اطلاعات
    Windows NT 10.0 Firefox 47.0
    میزان امتیاز
    925

    پیش فرض

    درود

    لطفا جهت بررسی دمو انلاین قرار بدید
    - سپیدار گیفت : فروش انواع فلش مموری تبلیغاتی و اختصاصی - فروش فلش کارتی + فروش انواع پاور بانک تبلیغاتی و اختصاصی

    - شرکت فرامحتوا - ارائه دهنده خدمات محتوایی

  5. Top | #4
    مدیریت کل سایت

    تاریخ عضویت
    Aug 2009
    ورژن ویبولتین
    4.2.2
    نوشته ها
    21,694
    مورد پسند
    55,079 بار
    نوشته های وبلاگ
    14
    اطلاعات
    Mac OS X 10.11.0 Chrome 51.0.2704.84
    میزان امتیاز
    3127

    پیش فرض

    بدون HTML؟

    2 تشکر توسط:


اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

موضوعات مشابه

  1. کد راستچین کردن قالب html
    توسط dark_boy در انجمن پرسش و پاسخ
    پاسخ: 12
    آخرين نوشته: 2014/01/17, 01:40 PM
  2. قرار دادن favicon با استفاده از HTML در استایل ها html
    توسط Mr.Amirhossein در انجمن هک و آموزش های مخصوص
    پاسخ: 0
    آخرين نوشته: 2013/08/17, 04:32 PM
  3. چگونه از کد Html در امضا استفاده کنیم
    توسط kaka در انجمن پرسش و پاسخ
    پاسخ: 4
    آخرين نوشته: 2012/11/18, 11:01 PM
  4. چطور ایمیل HTML دسته جمعی بفرستم؟
    توسط Mr.Pedram در انجمن پرسش و پاسخ
    پاسخ: 0
    آخرين نوشته: 2011/12/12, 10:40 PM

کلمات کلیدی این موضوع

علاقه مندی ها (Bookmarks)

علاقه مندی ها (Bookmarks)

مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •