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

مشکل با قالب

Sawyer2010

Registered User
تاریخ عضویت
18 آپریل 2010
نوشته‌ها
915
لایک‌ها
1,477
خواهش می کنم
واسه دور عکس ها باید رویhover کلاسش border اضافه کنی
اگه هم موقع تغییر حالت افکت خاصی می خوای داشته باشه نمونه بده تا بهتر راهنماییت کنیم

برای قرار دادن عکس ها هم فعلاً حضور ذهن ندارم
راه حلی به ذهنم رسید حتماً مطرح می کنم

مثل این آموزشی که توی سایت زیر گذاشته میخوام بشه ولی من هرجا این کد رو وارد میکنم هیچ اثری نداره

کد:
http://www.iranhex.com/site-images-in-css3-border-tutorial

این کد رو باید توی چه قسمتی وارد کنم؟
 

GraphX

Registered User
تاریخ عضویت
20 می 2009
نوشته‌ها
8,066
لایک‌ها
7,756
محل سکونت
دنيای مجازی
مثل این آموزشی که توی سایت زیر گذاشته میخوام بشه ولی من هرجا این کد رو وارد میکنم هیچ اثری نداره

کد:
http://www.iranhex.com/site-images-in-css3-border-tutorial

این کد رو باید توی چه قسمتی وارد کنم؟

قبل از این که راهنماییتون کنم یه سوال
از کد های قالب تا چه حد سر در میارید ؟
 

GraphX

Registered User
تاریخ عضویت
20 می 2009
نوشته‌ها
8,066
لایک‌ها
7,756
محل سکونت
دنيای مجازی
تقریبا هیچی :دی

اوکی
ببینید قالب های ودپرس از دو بخش تشکیل شدن یکی کد های ورد پرس و دیگری استایل
کدها وظیفه اشون نمایش اطلاعاته مثل تاریخ ، نویسنده ، عنوان مطلب و ...
انا استایل نمای قالب و ظاهر کار رو تشکیل میده
مثلاً توی قالب شما تاریخ رو نمایش میدی اما سایز فونت و نوع فونت و رنگ و ... رو داخل فایل استایل می نویسی
حالا چطوری قالب بفهمه که کجا کدوم استایل باید لود بشه؟
واسه این کار هر تگ (مثل Div , span و ...) توی کد های قالب یه کلاس می تونه بگیره
به عنوان مثال : <div class="footer"> mohtavaye div nemune </div>
توی مثال بالا کلاس div مورد نظر footer هست
بنابراین میاد توی فایل استایل کلاسی به همین نام یعنی Footer رو به Div نسبت میده
مثلاً اگه نوشته باشه
.footer{
border : 1px black solid;
}

به div با کلاس footer یه حاشیه به ضخامت 1 پیکسل به رنگ مشکی اضافه می کنه.

حالا طبق این آموزش شما باید کد های سی اس اسی که بهتون توی اون آموزش گفته رو به کلاس عکس هایی که می خواید اضافه کنید

پ.ن: گلوم خشکید :دی
 

Sawyer2010

Registered User
تاریخ عضویت
18 آپریل 2010
نوشته‌ها
915
لایک‌ها
1,477
اوکی
ببینید قالب های ودپرس از دو بخش تشکیل شدن یکی کد های ورد پرس و دیگری استایل
کدها وظیفه اشون نمایش اطلاعاته مثل تاریخ ، نویسنده ، عنوان مطلب و ...
انا استایل نمای قالب و ظاهر کار رو تشکیل میده
مثلاً توی قالب شما تاریخ رو نمایش میدی اما سایز فونت و نوع فونت و رنگ و ... رو داخل فایل استایل می نویسی
حالا چطوری قالب بفهمه که کجا کدوم استایل باید لود بشه؟
واسه این کار هر تگ (مثل Div , span و ...) توی کد های قالب یه کلاس می تونه بگیره
به عنوان مثال : <div class="footer"> mohtavaye div nemune </div>
توی مثال بالا کلاس div مورد نظر footer هست
بنابراین میاد توی فایل استایل کلاسی به همین نام یعنی Footer رو به Div نسبت میده
مثلاً اگه نوشته باشه
.footer{
border : 1px black solid;
}

به div با کلاس footer یه حاشیه به ضخامت 1 پیکسل به رنگ مشکی اضافه می کنه.

حالا طبق این آموزش شما باید کد های سی اس اسی که بهتون توی اون آموزش گفته رو به کلاس عکس هایی که می خواید اضافه کنید

پ.ن: گلوم خشکید :دی

داداش خیلی ممنون زحمت کشیدی
من به دو صورت این کدها رو توی فایل style.css وارد کردم ولی هیچ اثری نداشت
کد:
<div class="post_img"> {
border: 1px solid #c0c0c0;
background: #d7d5d5;
margin: 4px;
padding:10px;
filter:alpha(opacity=85);
opacity:0.9;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.post img:hover {
border: 1px solid #979797;
background: #d7d5d5;
margin: 4px;
padding:10px;
filter:alpha(opacity=100);
opacity:1.0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
</div>
}

کد:
.post_img{border: 1px solid #c0c0c0;} </div>
background: #d7d5d5;
margin: 4px;
padding:10px;
filter:alpha(opacity=85);
opacity:0.9;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

آخر از این کدها چیزی نفهمیدم :دی
شرمنده ولی امکان داره خودتون کدها رو برام درست کنین؟
 

GraphX

Registered User
تاریخ عضویت
20 می 2009
نوشته‌ها
8,066
لایک‌ها
7,756
محل سکونت
دنيای مجازی
داداش خیلی ممنون زحمت کشیدی
من به دو صورت این کدها رو توی فایل style.css وارد کردم ولی هیچ اثری نداشت
کد:
<div class="post_img"> {
border: 1px solid #c0c0c0;
background: #d7d5d5;
margin: 4px;
padding:10px;
filter:alpha(opacity=85);
opacity:0.9;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.post img:hover {
border: 1px solid #979797;
background: #d7d5d5;
margin: 4px;
padding:10px;
filter:alpha(opacity=100);
opacity:1.0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
</div>
}

کد:
.post_img{border: 1px solid #c0c0c0;} </div>
background: #d7d5d5;
margin: 4px;
padding:10px;
filter:alpha(opacity=85);
opacity:0.9;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

آخر از این کدها چیزی نفهمیدم :دی
شرمنده ولی امکان داره خودتون کدها رو برام درست کنین؟
پی ام بزن تا واست درستش کنم
 

Sawyer2010

Registered User
تاریخ عضویت
18 آپریل 2010
نوشته‌ها
915
لایک‌ها
1,477
برای قرار دادن عکسها توی پست جدید راهی نداره که همه ی عکسها رو با هم در پست قرار بدم؟
چون الان من یکی یکی عکسها رو توی سایت قرار میدم که خیلی زمان میبره
 

Sawyer2010

Registered User
تاریخ عضویت
18 آپریل 2010
نوشته‌ها
915
لایک‌ها
1,477
دوستان توی سایتم به صفحه 5 و 6 که میرم ارور میده که این صفحه وجود ندارد؟
باید چکار کنم تا درست بشه؟
سایتم توی امضام هست
 

GraphX

Registered User
تاریخ عضویت
20 می 2009
نوشته‌ها
8,066
لایک‌ها
7,756
محل سکونت
دنيای مجازی
برای قرار دادن عکسها توی پست جدید راهی نداره که همه ی عکسها رو با هم در پست قرار بدم؟
چون الان من یکی یکی عکسها رو توی سایت قرار میدم که خیلی زمان میبره

راهی به ذهنم نمیرسه

دوستان توی سایتم به صفحه 5 و 6 که میرم ارور میده که این صفحه وجود ندارد؟
باید چکار کنم تا درست بشه؟
سایتم توی امضام هست

قالبت بخش تنظیمات داره ؟
 
بالا