رفتن به مطلب

آموزش اضافه کردن یک بخش به پوسته


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

دوستان من میخوام کاری کنم آخرین تصاویر گالری سایتم رو تو صفحه اصلی توی یک بخش نشون بده با ید چکار کنم ؟

این آدرس گالریمه : http://www.herogame.info/wallpaper

و میخوام آخرین تصاویرش رو بیارم تو یه بخش تو صفحه اصلی سایتم

یه چیزی بشه مثل این

4524000469.jpg

باید چکار کنم ؟

لطفا کمک کنید

ویرایش شده توسط herogame
لینک به ارسال

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

آدرس rss گالری شما


http://www.herogame.info/wallpaper/rss/

این آدرس را در بخش پیشخوان - نمایش - ابزارک در ابزارک rss قرار بدید و در تنظیمات نمایش نوشته را تیک دار کنید و در صفحه ببینید اگر عکس ها را به درستی فراخوانی کرد بفرمایید کدی برای قرار گرفتن یک ابزارک در بالای صفحه یا هرجای دیگر که خواستید بهتون می دم

لینک به ارسال

توی تنظیمات خواندن خروجی آر اس اس را نوشته ی کامل قرار دادید؟ (در پیشخوان گالری عکس)

یک کد براتون می نویسم ولی اول مورد بالا را چک کنید اگر خلاصه مطلب تیک خورده بود به نوشته کامل تبدیل کنید و چک کنید (این روش در سرعت لود خیلی بهتره) اگر جواب نگرفتید کدهایی را با نحوه ی کارکرد براتون آماده می کنم که امیدوارم جواب بده

لینک به ارسال

توی تنظیمات خواندن خروجی آر اس اس را نوشته ی کامل قرار دادید؟ (در پیشخوان گالری عکس)

یک کد براتون می نویسم ولی اول مورد بالا را چک کنید اگر خلاصه مطلب تیک خورده بود به نوشته کامل تبدیل کنید و چک کنید (این روش در سرعت لود خیلی بهتره) اگر جواب نگرفتید کدهایی را با نحوه ی کارکرد براتون آماده می کنم که امیدوارم جواب بده

نه جواب نداد !

لینک به ارسال

این فایل حاوی دمو و فایل راهنما و همینطور فایلی است که نیاز دارید

خیلی ممنون ولی الان باید اینو چکار کنم ؟

لینک به ارسال

فکر کنم عجله کردن ببخشید فایل راهنماش جا موند

این فایل را باز کنید توضیحات کامل دارهhelp.zip

لینک به ارسال

فکر کنم عجله کردن ببخشید فایل راهنماش جا موند

این فایل را باز کنید توضیحات کامل دارهhelp.zip

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

باید چکار کنم ؟

لینک به ارسال

بی زحمت فایل style.css قالب رو آپلود کنید تا براتون ویرایشش کنم

فقط اطلاعات تعداد بازدید را آر اس اس نمی خونه

لینک به ارسال

خیلی ممنون اون آمار بازدیدش اشکالی نداره ولی خواهشا بقیه باشه

خیلی ممنون

این هم کد استایلم هست :

http://www.herogame.info/wp-content/themes/Herogame/style.css

لینک به ارسال

فقط شما که جایی رو برای قرار گرفتنش نفرمودید

لطفا در عکس زیر تعیین کنید جایگزین رنگ سبز شود یا آبی و اگر هیچکدام جای مورد نظر را بفرمایید

البته نیم ساعتی قالب بندیه باقی آلبوم کار می بره توی این نیم ساعت جاش رو هم مرقوم کنید در خدمتتون هستم post-336-0-82541600-1342872246_thumb.jpg

ویرایش شده توسط imanfakhar
لینک به ارسال

کدهاتون حاضره امبیدوارم که خودتون جاش رو بتونید قرار بدید

کدی که در محل نمایش باید می گذاشتید رو به شکل زیر تغییر دهید


<div id="ah-Block">
<div class="ah-Title">آخرین تصاویر گالری</div>
<script type="text/javascript">
var newsfeed=new gfeedfetcher("heroid", "heroclass", "_new")
newsfeed.addFeed("hero", "http://www.herogame.info/wallpaper/rss/")
newsfeed.displayoptions("description")
newsfeed.setentrycontainer("div")
newsfeed.filterfeed(5, "date")
newsfeed.init()
</script>
</div>

فایل style.css را باز کنید و این کد ها را در انتهای آن اضافه نمایید


#ah-Block {
direction:rtl;
overflow:hidden;
}
#ah-Block .ah-Title {
font-family:Tahoma;
font-size:13px;
line-height:35px;
height:35px;
padding-right:20px;
font-weight:normal;
color:#fff;
background:transparent url('images/ah1.png') repeat-x scroll left bottom;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;

text-shadow:1px 1px 0px rgba(0, 0, 0, .4)
}
#ah-Block #heroid {
background:#E0E0E0;
display:block;
height:200px;
}
#ah-Block #heroid div{
display:inline-block;
width:185px;
height:185px;
position:relative;
text-align:center;
}
#ah-Block #heroid div img {
border:5px #446E9E solid;
-moz-box-shadow:5px 5px 10px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-khtml-border-radius:4px;
max-width:155px;
margin-left:10px;
margin-right:10px;
}
#ah-Block #heroid div .titlefield {
position:absolute;
display:block;
left:10px;
right:10px;
text-align:center;
color:#FFF;
text-decoration:none;
font-family:Tahoma;
background:#446E9E;
-moz-box-shadow:5px 5px 10px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-khtml-border-radius:4px;
text-shadow:1px 1px 0px rgba(0, 0, 0, .4);
line-height:120%;
padding:2px 5px;
bottom:10px;
font-size:12px;
}

فایل png پیوست را بدون تغییر در نام در پوشه ای به نام images که با فایل style.css در یک دایرکتوری قرار دارد آپلود نمایید post-336-0-00221400-1342875929.png

دمو:

demo.htm

لینک به ارسال

زیر اسلاید منظورتون کادر سبز شده است یا می خواهید فاصله ی جدیدی ایجاد شود ؟

البته الان که دیگه متاسفانه من نمی رسم و خودتان باید انجام دهید

و بعید هم می دونم قالبی که خواستید در وسط قالب سایت شما نمودی داشته باشه

ولی در هر حال در تمام فایل های قالب که دارای حلقه هستند بگردید دنبال کد


<div id="casing">

و کد


<div id="ah-Block">
<div class="ah-Title">آخرین تصاویر گالری</div>
<script type="text/javascript">
var newsfeed=new gfeedfetcher("heroid", "heroclass", "_new")
newsfeed.addFeed("hero", "http://www.herogame.info/wallpaper/rss/")
newsfeed.displayoptions("description")
newsfeed.setentrycontainer("div")
newsfeed.filterfeed(5, "date")
newsfeed.init()
</script>
</div>

را قبل از آن قرار دهید یباقی کدها هم که به روال قبلی قرار می گیرند

لینک به ارسال

زیر اسلاید منظورتون کادر سبز شده است یا می خواهید فاصله ی جدیدی ایجاد شود ؟

البته الان که دیگه متاسفانه من نمی رسم و خودتان باید انجام دهید

و بعید هم می دونم قالبی که خواستید در وسط قالب سایت شما نمودی داشته باشه

ولی در هر حال در تمام فایل های قالب که دارای حلقه هستند بگردید دنبال کد


<div id="casing">

و کد


<div id="ah-Block">
<div class="ah-Title">آخرین تصاویر گالری</div>
<script type="text/javascript">
var newsfeed=new gfeedfetcher("heroid", "heroclass", "_new")
newsfeed.addFeed("hero", "http://www.herogame.info/wallpaper/rss/")
newsfeed.displayoptions("description")
newsfeed.setentrycontainer("div")
newsfeed.filterfeed(5, "date")
newsfeed.init()
</script>
</div>

را قبل از آن قرار دهید یباقی کدها هم که به روال قبلی قرار می گیرند

این کارهایی که گفتید کردم ولی یکم بد شده نگاه کنید :

picturrcr.jpg

فکر کنم بهتره باشه قسمت بگ گراندش رو که سیفیده برداریم و اون آخریت تصاویر گالری رو هم برداریم

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

باید چکار کنم ؟

لینک به ارسال

بعید می دونم کار مثبتی باشه اول یک پیشنهاد را تست کنید

کدهایی را که برای style.css دادم را در notepad باز کنید

از منوی edit گزینه replace را انتخاب کنید در فیلد بالایی بنویسید

6D6D6D

و در فیلد

پایین هم بنویسید

446E9E

و بر روی replace all کلیک نمایید

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

C6C6C6

و در فیلد دوم

E0E0E0

و مجددا replace all نمایید

حالا به خط 12 کدها بروید و تکه کد زیر را بردارید


background:transparent url('images/ah1.png') repeat-x scroll left bottom;

و به جای آن کد زیر را کپی نمایید


background-image: -ms-radial-gradient(center bottom, ellipse farthest-corner, #EB1515 0%, #260B0B 100%);
background-image: -moz-radial-gradient(center bottom, ellipse farthest-corner, #EB1515 0%, #260B0B 100%);
background-image: -o-radial-gradient(center bottom, ellipse farthest-corner, #EB1515 0%, #260B0B 100%);
background-image: -webkit-gradient(radial, center bottom, 0, center bottom, 567, color-stop(0, #EB1515), color-stop(1, #260B0B));
background-image: -webkit-radial-gradient(center bottom, ellipse farthest-corner, #EB1515 0%, #260B0B 100%);
background-image: radial-gradient(center bottom, ellipse farthest-corner, #EB1515 0%, #260B0B 100%);

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

و گالری را در سایت خود چک نمایید اگر پسند نشد بفرمایید کد جدید بدهم چون با برداشتن متن هدر 32 pixel فضای خالی ایجاد می شود

لینک به ارسال

این کار پیشنهاد من نیست

کاری که گفتم را اگر درست انجام دهید زمینه به رنگ زمینه پست ها شده و رنگ زمینه هدر به رنگ منوی دسته ها که قرمز است

لینک به ارسال

این کار پیشنهاد من نیست

کاری که گفتم را اگر درست انجام دهید زمینه به رنگ زمینه پست ها شده و رنگ زمینه هدر به رنگ منوی دسته ها که قرمز است

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

چون الان تقریبا راسته

لینک به ارسال

آقا خیلی ممنون اینو خودم حل کردم

ولی الان یه مشکل دیگه هم هست من یه والیپپر به گالری اضافه کردم ولی تو صفحه اصلی نشون نداد

چرا ؟

لینک به ارسال


#ah-Block {
direction:rtl;
overflow:hidden;
width:970px;
}
#ah-Block .ah-Title {
font-family:Tahoma;
font-size:13px;
line-height:35px;
height:35px;
padding-right:20px;
font-weight:normal;
color:#fff;
border-bottom:1px #390C0C solid;
background-image: -ms-radial-gradient(center bottom, ellipse farthest-corner, #EB1515 0%, #260B0B 100%);
background-image: -moz-radial-gradient(center bottom, ellipse farthest-corner, #EB1515 0%, #260B0B 100%);
background-image: -o-radial-gradient(center bottom, ellipse farthest-corner, #EB1515 0%, #260B0B 100%);
background-image: -webkit-gradient(radial, center bottom, 0, center bottom, 567, color-stop(0, #EB1515), color-stop(1, #260B0B));
background-image: -webkit-radial-gradient(center bottom, ellipse farthest-corner, #EB1515 0%, #260B0B 100%);
background-image: radial-gradient(center bottom, ellipse farthest-corner, #EB1515 0%, #260B0B 100%);
-webkit-border-top-left-radius:8px;
-webkit-border-top-right-radius:8px;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
border-top-left-radius:8px;
border-top-right-radius:8px;

text-shadow:1px 1px 0px rgba(0, 0, 0, .4)
}
#ah-Block #heroid {
background:#C6C6C6;
display:block;
height:200px;
-webkit-border-bottom-left-radius:8px;
-webkit-border-bottom-right-radius:8px;
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
border-bottom-left-radius:8px;
border-bottom-right-radius:8px;

}
#ah-Block #heroid div{
display:inline-block;
width:185px;
height:185px;
position:relative;
text-align:center;
}
#ah-Block #heroid div img {
border:5px #6D6D6D solid;
-moz-box-shadow:5px 5px 10px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
-khtml-border-radius:8px;
max-width:155px;
margin-left:10px;
margin-right:10px;
}
#ah-Block #heroid div .titlefield {
position:absolute;
display:block;
left:10px;
right:10px;
text-align:center;
color:#FFF;
text-decoration:none;
font-family:Tahoma;
background:#6D6D6D;
-moz-box-shadow:5px 5px 10px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-khtml-border-radius:4px;
text-shadow:1px 1px 0px rgba(0, 0, 0, .4);
line-height:120%;
padding:2px 5px;
bottom:10px;
font-size:12px;
}

کدهای بالا را با کدهای style.css که در سری اول دادم عوض کنید post-336-0-42494500-1342980771_thumb.jpg

demo.htm

لینک به ارسال

خیلی ممنون

ولی الان یه مشکل دیگه هم هست من یه والیپپر به گالری اضافه کردم ولی تو صفحه اصلی نشون نداد

چرا ؟

ویرایش: حل شد خیلی ممنون

ویرایش شده توسط herogame
لینک به ارسال

خیلی ممنون

ولی الان یه مشکل دیگه هم هست من یه والیپپر به گالری اضافه کردم ولی تو صفحه اصلی نشون نداد

چرا ؟

ویرایش: حل شد خیلی ممنون

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

لینک به ارسال

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

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...