این سایت به کاربران امکان می‌دهد پرسشهای خود در زمینه طراحی وب با PHP و jQuery و CSS و MySQL و ... را مطرح یا به پرسش‌های دیگران پاسخ دهند.

4,191 پرسش

4,841 پاسخ

8,847 نظر

2,588 کاربر

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

+1 رای
برای سیستم بلاگفا تو ضیح دهید.
پرسیده شد 3 سال پیش در ساختاربندی صفحه توسط ناشناس
بازنگری شد 3 سال پیش توسط علیرضا
پرسش شما مبهم است. بیشتر توضیح دهید و اگر مثالی (سایت یا وبلاگ خاصی) مدنظرتان است، آدرس بدهید برای نمونه.
البته منظور شما از «صفحه ورودی» یا به اصطلاح intro مشخص است اما برای وبلاگ متوجه نشدم که چی میخواید. چون بلاگفا همچین قابلیتی رو مستقیما نداره.
مثلا" این وبلاگ چطوری واسه خودش صفحه وردی گذاشته؟ کد خاصی  استفاده کرده؟
http://pooria-poorsorkh.blogfa.com

2 پاسخ

+2 رای
چیزی که مثال زدید، سوالتون رو تکمیل کرد.
خب این اسمش صفحه ورودی نیست. صرفا یک تصویر (یا کادر) است که روی متن اصلی می‌افتد و با کلیک بر روی آن، حذف می‌شود تا محتوای صفحه قابل مشاهده شود.
برای این کار هم کد زیادی لازم نیست:
<!--قبل از بادی را در کد قالب خود دست نزنید-->
<body>
    <div onclick="document.getElementById('main-content').style.display='block';this.style.display='none';">
        <!--اینجا کد متن یا تصویر مورد نظرتان را درج کنید تا پیش از همه به نمایش درآید و با کلیک بر روی آن نوشته اصلی وبلاگ ظاهر شود.-->
    </div>
    <div id="main-content" style="display:none;">
        <!--کل متن داخل تگ بادی را درون این تگ قرار دهید تا به صورت پیشفرض نمایش داده نشود-->
    </div>
</body>
</html>

در کد بالا همه آنچه بین دو تگ <body> و </body> قرار دارد، درون یک تگ div قرار میگیرد و سپس قبل از آن، یک div دیگر با مشخصات داده درج میشود برای بقول شما «صفحه شروع» که درون آن میتواند کد عکس شما قرار گیرد. مثلا:
<p align=center><img src="..." width=750 height=550></p>
پاسخ داده شد 3 سال پیش توسط علیرضا استاد (امتیاز: 184,070)
بازنگری شد 2 سال پیش توسط علیرضا
سلام..... بسیار سپاسگزارم.... بسیار عالی راهنمایی کردید.
من هر کاری میکنم ،وقتی کلیک را میزنم هیچ اتفاقی نمی افته!!!
اینم لینک وب من:
http://herfe1.persianblog.ir
اصلاحی در کد صورت گرفت. لطفا دوباره درج کنید.
مرسی مرسی مرسی مرسی مرسی مرسی
عالی بود.تونستم درستش کنم!
واقعا ممنونم ازتون!!!!!!
من هم متشکر میشم اگه نظراتتون در مورد یک پاسخ خاص رو به عنوان «نظر» درج بفرمایید نه به عنوان یک پاسخ جدا به سوالا بالای صفحه :)
ببخشید الان توی کدی که توی اون باکس هست جای لینکه عکس وجود نداره !؟
یه راهنمایی می کنین !
@phsadrd متوجه منظورتون نشدم. برای واکنش به کلیک شدن، لزوما که لینک نباید باشه. با رویداد onclick ی که می‌بینید، گفتیم که هر کلیکی که بر روی اون باکس و محتویاتش شد، پنجره ورودی پنهان بشه و وبلاگ ظاهر بشه.
سلام
من خیلی نفهمیدم اگه بشه میتونید کد قالبم را بدم و شما یه عکسی درج کنید
با سلام منم چیزی نفهمیدم!میشه من کد عکس رو بدم و شما کد کامل رو به من بدین؟چون من هر چقدر سعی کردم جواب نداد!
سلام میشه یکی از شما لطفا یه کد با عکس واسه نمونه برام بسازه؟!
خیلی ضروریه...
0 رای
این کد این کارو می کنه

<div id="first_p" style="text-align:center;margin-top:5px;"><a onclick="document.getElementById('main_p').style.display = 'block';document.getElementById('first_p').style.display = 'none';" href="#"><img border="0" src="http://s1.picofile.com/file/6407093558/wwww.jpg" /></a></div>
<div id="main_p" style="display:none;">

فقط باید آدرس عکس خودتونو بگذارید.
دوستان با گذاشتن این کد، عکس ورودی در تمام صفحات نمایش داده می شود. کسی میدونه چطور باید کاری کرد که فقط هنگام ورود به وبلاگ عکسو نشان دهد.
پاسخ داده شد 2 سال پیش توسط hrh (امتیاز: 170)

لطفا جهت درج پاسخ ، وارد شوید ویا ثبت نام نمایید.