نحوه ذخیره کردن css وب سایت ها

mohsen_r · May 7, 2008

با سلام و احترام
==========
از بچه های فروم واقعا ناراحت شدم !!!

شما می گفتد که اصلا نمی شه استیل style سایت ها رو به طور کامل مخفی کرد.
اما در انترنت به یه سایتی برخورد کردم که تمام را های ورود به css را نداشت .
اگه می شه بگین که این سایت css سایتش رو کجا گذاشته و چه خوری میشه او رو دید
و چه جوری من وبسایت که دارم درست می کنم رو css رو مخفی کنم....!

آدرس سایت : http://skin.pictofx.com
==========
باتشکر

shnoit · May 7, 2008

mohsen_r گفت:
با سلام و احترام
==========
از بچه های فروم واقعا ناراحت شدم !!!
شما می گفتد که اصلا نمی شه استیل style سایت ها رو به طور کامل مخفی کرد.
اما در انترنت به یه سایتی برخورد کردم که تمام را های ورود به css را نداشت .
اگه می شه بگین که این سایت css سایتش رو کجا گذاشته و چه خوری میشه او رو دید
و چه جوری من وبسایت که دارم درست می کنم رو css رو مخفی کنم....!

آدرس سایت : http://skin.pictofx.com
==========
باتشکر

دوست من آدرس: http://skin.pictofx.com/htmls/default/content/styles.css

HTML:

<meta name="robots" content="all" />

<link rel="stylesheet" href="htmls/default/content/styles.css" media="all" type="text/css" title="Template Design Workshop Styles" />

میخوای کل محتوای فایل styles.css رو برات بزارم!؟

mehdi_php · May 8, 2008

دوست عزیز می تونی از کد زیر استفاده کنی
البته اگه سورس اون سایت رو میدیدی بون شک متوجه می شدی !!!

کد:

<style>
@import "../images/en.css";
</style>

echessdesign · May 8, 2008

درود بر شما
تنها چیزی که باید شما رو ناراحت کنه، نا آگاهی شماست.
آدرس لینک CSS

HTML:

 http://skin.pictofx.com/htmls/default/content/styles.css

متن CSS

HTML:

  @charset "utf-8";
html {
	height:100%;
}
body {
	margin:0;
	padding:0;
	font-family:Tahoma;
	font-size:1px;
	color:#949494;
	background:#070707 url(../images/body.png) 0 0 repeat-x;
	cursor:default;
	height:100%;
	text-align:center;
}
a {
	text-decoration:none;
	color:#567aa2;
}
a:hover {
	color:#8f3f9a;
}
a img {
	border:none;
}
table, tr, td {
	vertical-align:top;
	font-size:11px;
}

#outter {
	width:807px;
	margin:0 auto;
	_margin:-2px auto 0 auto;
	height:100%;
}
	#outter_left {
		font-size:1px;
		background:url(../images/vLoops.gif) left 0 repeat-y;
		height:auto !important;
		height:100%;
	}
		#outter_right {
			font-size:1px;
			background:url(../images/vLoops.gif) right 0 repeat-y;
			height:auto !important;
			height:100%;
		}
			#outter_left_pic {
				font-size:1px;
				background:url(../images/bannerShadow.png) left 0 no-repeat;
				height:auto !important;
				height:100%;
			}
				#outter_right_pic {
					font-size:1px;
					background:url(../images/bannerShadow.png) right 0 no-repeat;
					height:auto !important;
					height:100%;
				}
					#inner {
						width:781px;
						margin:0 auto;
						background:#000 url(../images/mainBg.gif) 0 209px repeat-x;
						border-left:1px #161616 solid;
						border-right:1px #161616 solid;
						height:auto !important;
						height:100%;
						min-height:674px;
					}
						#TemplateDesignWorkshopBanner {
							background:url(../images/TemplateDesignWorkshopBanner.jpg) 0 0 no-repeat;
							height:209px;
							width:781px;
						}
						#container {
							width:781px;
							text-align:center;
							margin:0 auto;
							padding-top:8px;
						}
							#containerIn {
								width:761px;
								margin:0 auto;
							}
							table.topMenu {
								height:32px;
								margin:0 auto 15px auto;
							}
							table.topMenu h1 {
								font-weight:normal;
								padding:0;
								margin:0;
							}
								#topMenuL {
									width:6px;
									font-size:1px;
									background:url(../images/corners.gif) 0 0 no-repeat;
								}
								#topMenuR {
									width:6px;
									font-size:1px;
									background:url(../images/corners.gif) -6px 0 no-repeat;
								}
								.menuItem {
									background:#1d0720 url(../images/hLoops.gif) 0 -50px repeat-x;
									padding:0 6px;
								}
								.menuItem a {
									display:block;
									padding:7px 5px 9px 5px;
									font-size:11px;
									color:#bdaac1;
									background: url(../images/hLoops.gif) 0 0px repeat-x;
								}
								.menuItem a:hover {
									color:#d6c8d9;
									padding-top:6px;
									background: url(../images/hLoops.gif) 0 -25px repeat-x;
								}
							table.content {
								width:100% !important;
							}
							#con_listTemplates, #con_showTemplate, #con_downloadTemplate {
								padding:30px 0 0 0;
							}
							#con_, #con_searchTemplates {
								padding:10px 0 0 0;
							}
								.post {
									text-align:left;
								}
									div.template {
										margin:0 0 15px 0;
										background-color:#030104;
										border:1px #161616 solid;
										font-size:11px;
										line-height:1.7em;
										direction:rtl;
										text-align:justify;
										padding:8px;
									}
										.templateDetails {
											min-height:354px;
											height:auto !important;
											height:148px;
											line-height:1.9em;
										}
										.template_blogfa {
											background:url(../images/title_blogfa.gif) 0 21px no-repeat;
											min-height:168px;
											height:auto !important;
											height:148px;
										}
											.template h1 {
												text-align:left;
												direction:ltr;
												font-size:12px;
												font-family:Arial, Helvetica, sans-serif;
												background:#171717;
												padding:1px 4px;
												margin:0 0 8px 0;
											}
											.template h2 {
												font-size:12px;
												font-weight:normal;
												padding:7px 20px 10px 0;
												margin:0 160px 0 0;
												background:url(../images/stars.gif) right -31px no-repeat;
											}
											.templateDetails h2 {
												margin:0;
												background:url(../images/stars.gif) right 11px no-repeat;
											}
											.template a {
												color:#567aa2;
											}
											.template a:hover {
												color:#ae52b5;
											}
											.template .thumbnail {
												margin:0 0 0 10px;
												direction:ltr;
												text-align:center;
												background:#0d0d0d;
												color:#444;
											}
											.templateDetails .thumbnail {
												margin:5px 15px 5px 5px;
												border:1px #171717 solid;
											}
											.shareThis {
												width:86px;
												height:26px;
												float:right;
												background:url(../images/shareThisBg.gif) center center no-repeat;
												direction:ltr;
												text-align:right;
												padding:3px 4px 0 0;
											}
									div.pageNavigation {
										background:#0b030c;
										margin:10px 0;
										border:1px #150616 solid;
										border-top:none;
									}
									table.pageNavigation {
										font-size:11px;
										height:24px;
										color:#5f5761 !important;
									}
										table.pageNavigation a {
											color:#567aa2;
										}
										table.pageNavigation a:hover {
											color:#8b3f96;
										}
										table.pageNavigation .small {
											font-size:10px;
										}
										table.pageNavigation td.templateNavsL {
											text-align:right;
											vertical-align:middle;
											direction:rtl;
											width:40%;
										}
										table.pageNavigation td.templateNavsM {
											text-align:center;
											vertical-align:middle;
											width:20%px;
										}
										table.pageNavigation td.templateNavsR {
											text-align:left;
											vertical-align:middle;
											direction:rtl;
											width:40%;
										}
										table.pageNavigation td.left {
											text-align:right;
											vertical-align:middle;
										}
										table.pageNavigation td.right {
											text-align:left;
											vertical-align:middle;
										}
										table.pageNavigation td.mid {
											text-align:center;
											vertical-align:middle;
											padding:1px 10px;
										}
											table.pageNavigation td.mid a {
												background:#0d040e;
												border:1px #5f5761 solid;
												color:#5f5761;
												padding:0px 5px 1px 5px;
												margin:0 3px;
											}
											table.pageNavigation td.mid a:hover {
												background:#111;
												border:1px #4b4b4b solid;
												color:#ccc;
											}
											table.pageNavigation td.mid .selected {
												background:#5f5761;
												border:1px #000 solid;
												color:#0d040e;
												padding:0px 5px 1px 5px;
												margin:0 3px;
											}
											table.pageNavigation .sep {
												color:#444;
												padding:0 1px 0 2px;
											}
								.side {
									width:210px;
								}
									.sidebar {
										margin-left:10px;
										background:#161616 url(../images/sideTop.png) 0 0 repeat-x;
									}
										.sidebarIn {
											padding-top:20px;
										}
											.sidebarContent {
												direction:rtl;
												padding:10px 10px 20px 10px;
												line-height:1.5em;
												text-align:right;
											}
												.templateSideLinks {
													line-height:1.6em;
												}
												.templateSideLinks a {
													color:#9fa3ab;
												}
												.templateSideLinks a:hover {
													color:#f8bc49;
												}
												.templateSideLinks h1, .templateSideLinks h2 {
													padding:2px 20px 3px 0;
													margin:0;
													font-weight:normal;
													font-size:11px;
												}
												.templateSideLinks h1 {
													background:url(../images/stars.gif) right -107px no-repeat;
												}
												.templateSideLinks h2 {
													background:url(../images/stars.gif) right -142px no-repeat;
												}
										.sidebarFooter {
											background:url(../images/sideFooter.png) 0 bottom no-repeat;
											min-height:63px;
										}
											#siteStat {
												padding:0 0 10px 0;
											}
											#siteStat * {
												cursor:default !important;
											}
											#siteStat b {
												font-weight:normal !important;
											}
							.extra_holder {
								margin:15px 0 0 0;
								background:#000;
								border:1px solid #0f0f0f;
								line-height:1.7em;
								font-size:11px;
							}
							.extra td {
								text-align:left;
								direction:ltr;
								border:1px solid #161616;
								background:#030104;
							}
							.extra td .extra_inner {
								text-align:center;
								font-size:11px;
							}
							.extra td .extra_inner * {
								font-family:Tahoma !important;
							}
								.extra #feedLinks img {
									border:none;
								}
								.extra #technorati {
									background:#fff;
									text-align:left !important;
								}
								.extra #technorati h3 {
									text-align:left;
								}
								.extra #technorati ul {
									font-weight:normal !important;
									font-size:11px !important;
								}
								.extra #technorati ul li {
									display:list-item !important;
									margin-left:20px !important;
								}
						#footer {
							font:11px Arial, Helvetica, sans-serif;
							color:#656565;
							padding:45px 0 25px 0;
						}
							#footer a {
								color:#656565;
							}
							#footer a:hover {
								color:#ae52b5;
							}
							
.downloadSection {
	direction:rtl;
	padding:10px 0 15px 0;
	_padding:0 0 15px 0;
	text-align:center;
	border:1px solid #0c030c;
	margin-bottom:15px;
}
	.downloadSection h1 {
		font-weight:normal;
		font-size:11px;
	}
	.downloadSectionRegards {
		direction:rtl;
		padding:10px 0;
		text-align:center;
		visibility:hidden;
		margin-top:20px;
	}
		.porteghal_sponser {
			padding:10px;
			border:1px solid #0c030c;
			width:353px !important;
			width:49%;
			background:#030104;
			float:right;
		}
			.porteghal_sponser_in {
				background:url(../images/sponser_download.jpg) right -116px no-repeat;
				padding:0 165px 0 0;
				height:116px;
				direction:rtl;
				line-height:1.7em;
				text-align:justify;
			}
		.hamkelasy_sponser {
			padding:10px;
			border:1px solid #0c030c;
			width:353px !important;
			width:49%;
			background:#030104;
			float:left;
		}
			.hamkelasy_sponser_in {
				background:url(../images/sponser_download.jpg) right 0 no-repeat;
				padding:0 165px 0 0;
				height:116px;
				direction:rtl;
				line-height:1.7em;
				text-align:justify;
			}

mohsen_r · May 12, 2008

با سلام و احترام
==========
جناب آقای echessdesign
و بچه های فروم من منظرورم این نبود درضمن سایت رو هم اشتباهی دارم (با ارض پوزش :cry:

)
من منظورم عکس های سایت
http://skin.blogfa.com
بود و قالب هایی که می سازند چگونه عکس ها شو مخفی می کنن ...؟!
==========
باتشکر

http://www.forum.majidonline.com/member.php?u=27309

shnoit · May 12, 2008

اقا محسن میشه شما قبل از اینکه آدرس همون وبلاگ رو که میخوای بزنی. بری توی قسمت Tools / Internet Options بعدش اوجا Delete Cockies و Delete Files (همراه با تیک داخل صفحه جدید Delete Files) رو بزنی بعدش اون وبلاگ رو باز کنی!!!
حالا
بعد از اینکه کلیه مطالب وبلاگ بارگذاری شد دوباره از همون منوی Tools/Internet Options بری تو قسمت Setting و بعدش View Files !
میبینی که اوجا کلیه عکسها و فایلهاش هست. پس مخفی کردنی در کار نیست. درسته!؟
کلیه فایلها رو کپی بگیر از اونجا و بعدش Source صفحه رو با یه ویرایشگر باز کن و با دقت نگاه کن.
امیدوارم که مطلب رو گرفته باشه.

HTML:

	</style>

  <script language="javascript" type="text/javascript" src="http://template.porteghal.name/lite/blogfa/js?id=13&name=SilentMusic&blogID=skin&[email protected]"></script>
  <script language="javascript" type="text/javascript" src="http://template.porteghal.biz/lite/blogfa/js?id=13&name=SilentMusic&blogID=skin&[email protected]"></script>
  <script language="javascript" type="text/javascript" src="http://template.porteghal.info/lite/blogfa/js?id=13&name=SilentMusic&blogID=skin&[email protected]"></script>

mohsen_r · May 14, 2008

shnoit گفت:
اقا محسن میشه شما قبل از اینکه آدرس همون وبلاگ رو که میخوای بزنی. بری توی قسمت Tools / Internet Options بعدش اوجا Delete Cockies و Delete Files (همراه با تیک داخل صفحه جدید Delete Files) رو بزنی بعدش اون وبلاگ رو باز کنی!!!
حالا
بعد از اینکه کلیه مطالب وبلاگ بارگذاری شد دوباره از همون منوی Tools/Internet Options بری تو قسمت Setting و بعدش View Files !
میبینی که اوجا کلیه عکسها و فایلهاش هست. پس مخفی کردنی در کار نیست. درسته!؟
کلیه فایلها رو کپی بگیر از اونجا و بعدش Source صفحه رو با یه ویرایشگر باز کن و با دقت نگاه کن.
امیدوارم که مطلب رو گرفته باشه.

HTML:

</style> <script language="javascript" type="text/javascript" src="http://template.porteghal.name/lite/blogfa/js?id=13&name=SilentMusic&blogID=skin&[email protected]"></script> <script language="javascript" type="text/javascript" src="http://template.porteghal.biz/lite/blogfa/js?id=13&name=SilentMusic&blogID=skin&[email protected]"></script> <script language="javascript" type="text/javascript" src="http://template.porteghal.info/lite/blogfa/js?id=13&name=SilentMusic&blogID=skin&[email protected]"></script>

با سلام و احترام
==============
من می خواستم که نحوه این کار رو یاد بگیرم که در وبلاگم استفاده کنم.
==============
با تشکر

shnoit · May 15, 2008

خوب فایلهای java رو باز کن به محتویاتش نگاه بنداز.
توی فایل جاواش ، فایل css رو فراخوانی کرده.
من که لینک فایل جاوا رو هم براتون گذاشتم.
پس دیگه منتظر چی هستین عزیز!

mohsen_r · May 17, 2008

shnoit گفت:
خوب فایلهای java رو باز کن به محتویاتش نگاه بنداز.
توی فایل جاواش ، فایل css رو فراخوانی کرده.
من که لینک فایل جاوا رو هم براتون گذاشتم.
پس دیگه منتظر چی هستین عزیز!

لطفا بیشتر توضیح دهید

shnoit · May 17, 2008

آقا محسن اگه فایلهای معرفی شده در بالا را میزدی یه همچین کدی نشون داده میشد:

HTML:

var blogRss = ""; var checked = false; var blogId = "skin"; var themeId = "13"; var themeName = "SilentMusic"; var cssFile = "css/13_SilentMusic.css"; var defPath = "http://template.porteghal.biz/templates/blogfa/"; document.write('
a
'); try { js = document.createElement(''); } catch (e) { js = document.createElement("script"); js.setAttribute("src", defPath+"js/functions.js"); js.setAttribute("type", "text/javascript"); js.setAttribute("language", "javascript"); } document.getElementsByTagName("head")[0].appendChild(js);

که در همین فایل css رو فراخوانی کرده.
خودتونم با دقت به کد نگاه کنین و فایل 13_SilentMusic.css رو نگاه کنین.

mohsen_r · May 18, 2008

shnoit گفت:
آقا محسن اگه فایلهای معرفی شده در بالا را میزدی یه همچین کدی نشون داده میشد:

HTML:

var blogRss = ""; var checked = false; var blogId = "skin"; var themeId = "13"; var themeName = "SilentMusic"; var cssFile = "css/13_SilentMusic.css"; var defPath = "http://template.porteghal.biz/templates/blogfa/"; document.write(' a '); try { js = document.createElement(''); } catch (e) { js = document.createElement("script"); js.setAttribute("src", defPath+"js/functions.js"); js.setAttribute("type", "text/javascript"); js.setAttribute("language", "javascript"); } document.getElementsByTagName("head")[0].appendChild(js);

که در همین فایل css رو فراخوانی کرده.
خودتونم با دقت به کد نگاه کنین و فایل 13_SilentMusic.css رو نگاه کنین.

من در این جا دوتا سوال برام پیش اومده
1. من به فایل css نگاه کردم فقط قسمت هایی که عکس ها در اون بود فراخوانی شده بودند ....!
2.

HTML:

http://template.porteghal.name/lite/blogfa/js/?id=13&name=SilentMusic&blogID=skin&[email protected]

این چه صفحه ای که تغیر می کنده
در واقع کد فوق این چنین بوده:

HTML:

http://template.porteghal.name/lite/blogfa/js/?id=13&name=SilentMusic&blogID=<-BlogId->&blogEmail=<-BlogEmail->

و چگونه من می توانم چنین صفحه ای بسازم ....؟

shnoit · May 18, 2008

سلام
جواب سوالاتون:
1- بله کاملا" درسته . در واقع مدیر وبلاگ خواسته تا افراد مبتدی به عکساش دسترسی نداشته باشن. ولی ملاحظه فرمودین که کار نشد نداره. البته در مورد سورس صفحه. ولی باید بگم که ایده خوبی هم هست.
2- بله مثله اینکه همچین کدی هست ولی دقیق نمیدنم چون بنده هم در جاوا زیاد مهارت ندارم.
وبلاگتم جالبه ها داداش

برات آرزوی موفقیت دارم.

mohsen_r · May 19, 2008

shnoit گفت:
سلام
جواب سوالاتون:
1- بله کاملا" درسته . در واقع مدیر وبلاگ خواسته تا افراد مبتدی به عکساش دسترسی نداشته باشن. ولی ملاحظه فرمودین که کار نشد نداره. البته در مورد سورس صفحه. ولی باید بگم که ایده خوبی هم هست.
2- بله مثله اینکه همچین کدی هست ولی دقیق نمیدنم چون بنده هم در جاوا زیاد مهارت ندارم.
وبلاگتم جالبه ها داداش برات آرزوی موفقیت دارم.

دروست عزیز اگر نم بخوام که وبساتمرو این چنین درست کنم(بقول خودت با صفحه سورس ) باید چکارکنم؟