ایجاد مطلب در هدر قالب صحیفه مانند سایت همیار وردپرس

moein921

کاربر عضو
چطور میتونم در هدر سایتم یک مطلب مانند سایت همیار وردپرس بزارم

در واقع هدر سایت منظور قالب صحیفه است و میخوام در هدر تمام صفحه قالب صحیفه یک متن مانند سایت همیار وردپرس بنویسم

ممنون میشم کمک کنید آدرس سایت من

You must be registered for see images attach


 
آخرین ویرایش توسط مدیر:

Obka

کاربر عضو
سلام و درود

این مورد نیاز به کد نویسی داره اگر اشنایی دارین به صورت کلی شما باید اول برای هد یک کلاس مناسب و محل نمایش مشخص کنید و یک حلقه مطالب با یک دسته بندی خاص براش در نظر بگیرین که هرچی مینویسن براتون هدر نمایش بده ، اگر مایل بودید براتون کدشو مینویسم.

موفق باشید

 

moein921

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

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

 

Mohammad

مدیر انجمن
پرسنل مدیریت
بهش میگن sticky header

افزونه های مرتبط

کلیک کنید:

 

moein921

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

اشکال از کجاست

کدهای هدر قالب

<aside class="notification  hidden-md-down" id="smart_notofication">
            <div class="container-fluid">
                <div class="close_area">
                    <a href="#" class="hwp_close" data-closing="#smart_notofication" data-cookie="true" data-cookie-name="smart_notofication"><i class="icon-close"></i></a>
                </div><!-- notification -->
            </div><!-- container -->
            <div class="container">
                <div class="text">
                    <img class="alignleft size-full wp-image-27429" src="http://dl.hamyarwp.com/2015/12/Welcome_to_Hamyarwp.jpg" alt="Welcome_to_Hamyarwp" width="206" height="243">
<h4>به همیار وردپرس خوش آمدید.</h4>
وردپرس یک سیستم مدیریت محتوای قوی است که به شما اجازه میدهد در ۵ دقیقه وبسایت خود را راه اندازی نمایید و به راحتی آن را مدیریت نمایید.
بعد از این که یادبگیرید با سیستم وردپرس کار کنید٬ دیگر میتوانید هر مدل سایت خبری و فروشگاهی و ... را در کمترین زمان و بالاترین کیفیت  را ه اندازی نمایید.
اگر شما هم علاقه مند به یادگیری وردپرس هستید همین الان از طریق لینک زیر شروع کنید.
در مسیر کار با وردپرس٬ همیار شما هستیم.
<h6><a class="hwp_btn light" href="http://hamyarwp.com/%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D9%88%D8%B1%D8%AF%D9%BE%D8%B1%D8%B3/" target="_blank">آموزش وردپرس</a></h6>                
                </div><!-- text -->
            </div><!-- container -->
        </aside>

کدهای استایل قالب

.notification {
    float: right;
    width: 100%;
    position: relative;
    background: #333;
    color: #fff;
}
.container-fluid {
    padding-left: .9375rem;
    padding-right: .9375rem;
    margin-left: auto;
    margin-right: auto;
}.container-fluid:after, .container-fluid:before, .container:after, .container:before, .row:after, .row:before {
    display: table;
    content: " ";
}.close_area {
    float: right;
    width: 100%;
    position: relative;
}.container-fluid:after, .container-fluid:before, .container:after, .container:before, .row:after, .row:before {
    display: table;
    content: " ";
}.container {
    padding-left: .9375rem;
    padding-right: .9375rem;
    margin-left: auto;
    margin-right: auto;
}.notification .text {
    color: #fff;
}.alignleft {
    float: left;
    margin: 10px 10px 10px 0;
}

ممنون میشم امتحان کنید روی قالب صحیفه و کمک کنید

 

Qalekhani

قلعه‌خانی
اینطوری کار خودتون رو سخت میکنید چون هر بار ویرایش مستلزم تغییر در کدهای هدر هست.

از همون پلاگین های استیکی هدر استفاده کنید، راحتتره. علی ایحال، احتمالا مشکلتون در تعریف z-index برای کلاس ها باشه.

اگه مقدوره نمونه زنده بذارید تا بهتر راهنمایی کنیم.

 
آخرین ویرایش توسط مدیر:
بالا