1. مهمان گرامی، جهت ارسال پست، دانلود و سایر امکانات ویژه کاربران عضو، ثبت نام کنید.
    بستن اطلاعیه

ساخت قالب گام به گام

شروع موضوع توسط Dream Lady ‏16/9/12 در انجمن ابزار وبلاگ

  1. کاربر فوق حرفه ای

    تاریخ عضویت:
    ‏15/5/12
    ارسال ها:
    3,637
    تشکر شده:
    1,817
    امتیاز دستاورد:
    0
    بدون حاشیه میخوایم یه قالب بسازیم
    مقالات درباره htmlهست تو انجمن و دوستان قبلا گذاشتن ولی سعی میکنم طوری بشه که html رو هم همینطور قدم به قدم متوجه بشید
    ابتدا یه ابزار نیازدارید تا بتونید مثه میز کار استفاده کنید حتی با نادپد هم میشه
    واگه نمیتونید از این گزینها به هر دلیلی بهره بگیرید اگه بلاگفا سرویس شماست به صفحات جداگانه برسد و توی عکس نشون دادم

    [​IMG]

    پایه کار این کده

    HTML:
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="description" content="عنوان وبلاگتون" />
    <meta name="keywords" content="کلمات کلیدی که به وبلاگتون ربط داره" />
    <title><-BlogAndPostTitle->هرچیزی که بنویسید در بالای آدرس مرورگر دیده میشه(تیتل بار) اگه بلاگفا دارید میتونید این رو بذارید</title>
    </head>
    <body>
    هرچیزی که قراره دیده بشه
    </body>
    </html>
    
    من الان داخل بادی bodyهیچی نذاشتم و صفحه کاملا خامه

    کلیک





     
    3 نفر از این پست تشکر کرده اند.
  2. کاربر فوق حرفه ای

    تاریخ عضویت:
    ‏15/5/12
    ارسال ها:
    3,637
    تشکر شده:
    1,817
    امتیاز دستاورد:
    0
    پاسخ : ساخت قالب گام به گام

    حالا اگه میخواید همین ابتدا صفحه زمینه رنگی بشه یا عکس داشته باشه کافیه بین بادی اول ... پایین رو توجه کنید

    HTML:
    <body background="لینک عکس در اینجا">
    </body>  
    
    
    هر عکسی با هر اندازه ای بذارید میشه اگه کوچیک باشه اونقدر تکرار میشه که کل صفحه پوشیده شه(از عکسهای حجیم استفاده نکنید و متحرک اصلا چون لود صفحه رو بالا میبره)
    اگه میخواید رنگی باشه به این شکل

    HTML:
    <body bgcolor="#000000">
    </body>  
    
    

    لینک صفحه ساخته شده کلیک


    من سیاه گذاشتم کد رنگها رو اگه نمیشناید به این عکسها نگاه کنید بدرد میخوره
     
    2 نفر از این پست تشکر کرده اند.
  3. کاربر فوق حرفه ای

    تاریخ عضویت:
    ‏15/5/12
    ارسال ها:
    3,637
    تشکر شده:
    1,817
    امتیاز دستاورد:
    0
    پاسخ : ساخت قالب گام به گام


    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]



     
    3 نفر از این پست تشکر کرده اند.
  4. کاربر فوق حرفه ای

    تاریخ عضویت:
    ‏15/5/12
    ارسال ها:
    3,637
    تشکر شده:
    1,817
    امتیاز دستاورد:
    0
    پاسخ : ساخت قالب گام به گام

    فقط اومدم که بگم این تاپیک ادامه داره و تمومش میکنم ولی این چند روزه مریضم شدید و اصلا آنلاین نمیشم وحالا اومدم که بگم فک نکنید تموم شده همین

     
    2 نفر از این پست تشکر کرده اند.
  5. کاربر فوق حرفه ای

    تاریخ عضویت:
    ‏15/5/12
    ارسال ها:
    3,637
    تشکر شده:
    1,817
    امتیاز دستاورد:
    0
    پاسخ : ساخت قالب گام به گام





    HTML:
    <!-- header weblog -->
    <table width="980" height="250" background="لینک عکس هدرشما" align="center" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td height="35">
    
    
    
        </td>
      </tr>
      <tr>
        <td>
    
    <table width="980" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="537" height="60" class="TitleWeblog">در اینجا نامی که برای بلاگ استفاده میکنید یا اگر بلاگفا هستید <-BlogTitle->این تگ</td>
        <td width="443" > </td>
      </tr>
      <tr>
        <td height="30" class="AboutWeblog">دراینجا توضیح کوتاهی از وبلاگ که زیر نام بلاگ دیده میشه و ضروری هم نیست یا اگر بلاگفا دارید <-BlogDescription->این تگ</td>
        <td> </td>
      </tr>
    </table>
    
        </td>
      </tr>
    </table>
    <!-- End header weblog -->
    

    توضیحات:
    این تگ بالا رو کپی کنید و بعد بادی بذارید،بعد از بادی خب باید از بالا شروع کنیم و شروع به ساخت قسمتهای مختلف که اول هدر بلاگ هست که باید برای هدر جایی مشخص کنیم که کدها در کد
    <table></table>نوشته میشن
    نکته:اگر میخواید یه پاراگراف-قسمتی -یا کل بادی بایه جزییاتی خاص باشه)باید ابتدا در داخل کد تعریفش کنید پایین!!
    HTML:
    <table width="980" height="250" background="لینک عکس" align="center" border="0" cellspacing="0" cellpadding="0">

    من داخل تیبل المنتهایی نوشتم وبراشون مقداری گذاشتم یعنی نوشتمwidth="980" height="250" که اندازه هدر رو مشخص کردم و میتونید تغییر بدید ولی عکس هم باید همون اندازه باشه حتما
    من الان برای هدرعکس 980 در250 انتخاب کردم.background هم نوشتم و مقدارش لینک همون عکس باید باشه!توجه کنید اول و آخرهر مقدار حتما باید " باشه وگرنه کلا عمل نمیکنه بعدalign="center" گذاشتم یعنی مکان هدر ما وسط باشه اگه Left بذارید میره چپ و راست رو هم که میدونید

    نکته خیلی مهم

    من اول وآخر کدها این رو گذاشتم
    <!-- header weblog -->
    <!-- End header weblog -->
    اولیheader weblog و دمی یه END اضاف شده یعنی پایان
    به این میگن کامنت گذاشتن!!یعنی این کد اصلا دیده نمیشه و عملینمیکنه فقط یه کامنت یا پیام واسه خودتونه که فقط موقع ویرایش کدها میبینی و با دیدنش میفهمی سریع الان کد کدوم قسمتی و میتونید فارسی بنویسیدش و هر چی که دلتون میخواد!!من اینجا مشخص کردم اول و آخر کدهای هدر ما کجاست همین اصلا نذارید هم خیالی نیست ولی اینطور حرفه ای تره

    خب حالا صفحه رو ببینید چجوری شده کلیک

     
    2 نفر از این پست تشکر کرده اند.
  6. کاربر فوق حرفه ای

    تاریخ عضویت:
    ‏1/12/11
    ارسال ها:
    4,594
    تشکر شده:
    9,064
    امتیاز دستاورد:
    113
    جنسیت:
    مرد
    حرفه:
    Student
    پاسخ : ساخت قالب گام به گام

    [RAGHS]عکس ها خرابن همشون[/RAGHS]
     
  7. کاربر فوق حرفه ای

    تاریخ عضویت:
    ‏1/12/11
    ارسال ها:
    4,594
    تشکر شده:
    9,064
    امتیاز دستاورد:
    113
    جنسیت:
    مرد
    حرفه:
    Student
    پاسخ : ساخت قالب گام به گام

    [RAGHS]کسی میتونه عکسای تو این پستو درست کنه؟؟؟[/RAGHS]
     
  8. عضو جدید

    تاریخ عضویت:
    ‏26/11/16
    ارسال ها:
    4
    تشکر شده:
    0
    امتیاز دستاورد:
    1
    جنسیت:
    مرد
    من جدیدا یک سایت زدم و سئو کردم . توی 4 تا از کلمات کلیدی صفحه اول گوگل است اما تو 2 تا دیگه از کلمات نه . کسی میتونه با نگاه کردن به سایت کمکم کنه . کلماتی که بالا نمی آید سیم بکسل و دستکش ایمنی است. ممنون میشم اگه کمکم کنید.
     
    آخرین بار توسط مدیر ویرایش شد: ‏8/7/19
  9. عضو جدید

    تاریخ عضویت:
    ‏8/9/17
    ارسال ها:
    1
    تشکر شده:
    0
    امتیاز دستاورد:
    1
    سلام کسی کد های وبلاک بلاگرو داره ؟

    من هرچی میگردم انگلیسی پیدا میشه
     
  10. داره راه میوفته!

    تاریخ عضویت:
    ‏7/7/19
    ارسال ها:
    28
    تشکر شده:
    162
    امتیاز دستاورد:
    33
    جنسیت:
    مرد
    حرفه:
    بلاگر
    سلام
    لینک به وبلاگی حذف شده هدایت میشه