محل تبلیغات شما سرور ایران

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

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

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

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

    تاریخ عضویت:
    ‏15/5/12
    ارسال ها:
    3,901
    تشکر شده:
    1,882
    امتیاز دستاورد:
    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,901
    تشکر شده:
    1,882
    امتیاز دستاورد:
    0
    پاسخ : ساخت قالب گام به گام

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

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

    HTML:
    <body bgcolor="#000000">
    </body>  
    
    
    فقط کاربران عضو می توانند لینک ها را مشاهده کنند. برای عضویت اینجا کلیک کنید.

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

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


    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]



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

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

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

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

    تاریخ عضویت:
    ‏15/5/12
    ارسال ها:
    3,901
    تشکر شده:
    1,882
    امتیاز دستاورد:
    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,835
    تشکر شده:
    9,228
    امتیاز دستاورد:
    113
    جنسیت:
    مرد
    حرفه:
    Student
    محل سکونت:
    Iran
    وب سایت:
    پاسخ : ساخت قالب گام به گام

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

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

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

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

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

    من هرچی میگردم انگلیسی پیدا میشه