کمک! مشکل در طراحی قالب وبلاگ !!!

feri_hakim90

New Member
سلام به همه دوستان:

راستش من قبلا با یکی از دوستام کار میکردم که طراحی قالب وبلاگ و سایت می کردیم، به اینصورت که من قالبو طرحشو میزدم، بقیه کارا ( کد نویسی ) با اون بود. :D
حالا اون نیست من موندم تنهام، و دلمم میخواد این کارو ادامه بدم و از مرحله ی طراحی به بعد چیزه زیادی نمیدونم.
میدونم که با دو روش میشه کار کرد یکی Table هست و یکی Css . البته اگه اشتباه میکنم دوستان ببخشن!
یک قالب طراحی کردم ( فقط طرح ) با فتوشاپ، بعد از طراحی Slice هم کردمش و آمادس.
با Front page بازش کردم، ولی نمیدونم قبل از اینکه کد های مخصوص یه سرویس دهنده وبلاگو قرار بدم، باید دقیقا چیکار کنم.
:shock:
اگه دوستان محبت کنند یه توضیحی بدهند ممنون می شم.
 
آخرین ویرایش:

datasun

Member
سلام به همه دوستان:

راستش من قبلا با یکی از دوستام کار میکردم که طراحی قالب وبلاگ و سایت می کردیم، به اینصورت که من قالبو طرحشو میزدم، بقیه کارا ( کد نویسی ) با اون بود. :D
حالا اون نیست من موندم تنهام، و دلمم میخواد این کارو ادامه بدم و از مرحله ی طراحی به بعد چیزه زیادی نمیدونم.
میدونم که با دو روش میشه کار کرد یکی Table هست و یکی Css . البته اگه اشتباه میکنم دوستان ببخشن!
یک قالب طراحی کردم ( فقط طرح ) با فتوشاپ، بعد از طراحی Slice هم کردمش و آمادس.
با Front page بازش کردم، ولی نمیدونم الان باید دقیقا چیکار کنم.
:shock:
اگه دوستان محبت کنند یه توضیحی بدهند ممنون می شم.

سلام
موفق باشید دوست عزیز
من فکر کنم دقیقا چیزی رو که شما میخواهید رو دارم در انجمن یاد میدم میتونید به این تاپیک برید
http://forum.majidonline.com/showthread.php?t=116205
آدرسش توی امضامم هست :rose:
 

feri_hakim90

New Member
سلام
موفق باشید دوست عزیز
من فکر کنم دقیقا چیزی رو که شما میخواهید رو دارم در انجمن یاد میدم میتونید به این تاپیک برید
http://forum.majidonline.com/showthread.php?t=116205
آدرسش توی امضامم هست :rose:
Datasun عزیز ممنون بابت کمکت، بله من قبلا نوشته هاتونو خوندم.
نمی دونم باید چه جوری منظورمو انتفال بدم. فرض کن من طرحو باز کردم با Front page، الان فقط این سایت من یه عکسه.برای مثال میگم سمت راست قالبم منو دارم، که خودش از چند تا عکس تشکیل شده، بعد اینا باید یه جوری با هم باشن که بشه تکرارشون کرد. مثلا "منوی اصلی"، "آمار بازدید" و . . . من فکر میکنم باید از تگ Div استفاده کرد.بعد از اون میشه کدهای سرویس دهنده رو جایگزین کرد. امیدوارم منظورمو فهمیده باشید.
ممنون میشم بازم راهنمایی کنید.
 

datasun

Member
Datasun عزیز ممنون بابت کمکت، بله من قبلا نوشته هاتونو خوندم.
نمی دونم باید چه جوری منظورمو انتفال بدم. فرض کن من طرحو باز کردم با Front page، الان فقط این سایت من یه عکسه.برای مثال میگم سمت راست قالبم منو دارم، که خودش از چند تا عکس تشکیل شده، بعد اینا باید یه جوری با هم باشن که بشه تکرارشون کرد. مثلا "منوی اصلی"، "آمار بازدید" و . . . من فکر میکنم باید از تگ Div استفاده کرد.بعد از اون میشه کدهای سرویس دهنده رو جایگزین کرد. امیدوارم منظورمو فهمیده باشید.
ممنون میشم بازم راهنمایی کنید.

دوست عزیز متوجه شدم من دارم آموزش رو کامل میگم ولی چشم توضیح میدم
شما باید در فرانت پیج در قسمت استایل برای خودتون چند تا کلاس بسازید مثلا کلاس menu بعد یک فونت رو بهش 8 بدید مثلا زرد بعد بردر بهش بدید 1px و مشکلی بعد یک کلاس دیگه بسازید menudown بعد که ساختید این استایل ما بین تگ <style> ذخیره میشه بعد شما میتونید با div تو کل سایت فراخوانی کنید به طور مثال
HTML:
<div class="menu" > منوی اصلی </div>
<div class="menudown"> متن داخل بلاک پایینی </div>
این نوشته رو توی قسمت بادی سایت تون میزنید دقت کنید که من توضیح دادم چجوری تیبل بکشید
وقتی تیبل کشیدتوی اون بابین تگ <tr> این div رو بزارید حالا اگه به این صورت table رو کشیده باشید و منو رو قرار داده باشید نمایش سایتتون اینجوری میشه .
شما به همین راحتی و کار با کلاس ها تو فرانت پیج میتونید بلاک های مختلف تو سایت ایجاد کنید. :rose:
سوالی بود در خدمتیم :wink:
ببخشید گفتم براتون کد رو هم بزارم راحت باشید
HTML:
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Language" content="fa">
<title>New Page 1</title>
<style>
<!--
.menu         { font-size: 8pt; font-family: Tahoma; color: #FF6600; border: 1px solid #000000; 
               padding: 3px }
.menudown    { font-size: 8pt; font-family: Tahoma; color: #FF6600; border: 1px solid #000000; 
               padding: 3px }
-->
</style>
</head>

<body>

<table cellpadding="0" cellspacing="0" width="970">
    <!-- MSTableType="nolayout" -->
    <tr>
        <td height="99" width="970" colspan="3">&nbsp;</td>
    </tr>
    <tr>
        <td height="312" width="201" valign="top">&nbsp;</td>
        <td height="312" width="571">&nbsp;</td>
        <td height="312" width="198" valign="top">
        <div class="menu" > منوی اصلی </div>
<div class="menudown"> متن داخل بلاک پایینی </div>
        </td>
    </tr>
</table>

</body>

</html>
 

feri_hakim90

New Member
Datasun عزیز ممنون بابت کمکتون، فکر کنم مشکلم حل شده باشه . . .:rose:
فقط یه سوال دیگه، وقتی یه عکسو Slice می کنیم، این Slice ها توی Front page حکم Table دارند یا خیر؟
یا بهتر بگم وقتی یه عکسه Slice شده رو باز می کنیم با Front page به صورت اوتوماتیک Table بندی می شه یا خیر؟

ببخشید خلاصه من مبتدی هستم . . .
باز هم ممنون . . .
 
آخرین ویرایش:

picdoni

New Member
سلام من یک قالب دارم که با html هست و هیچ کد خروجی نداره برای سایت چطور به php تبدیلش کنم تروخدا کمکم کنید.مرسی
 

feri_hakim90

New Member
دوستان کسی نیست منو راهنمایی کنه؟
در ضمن دوست عزیز Picdoni سوالتو در بخش مربوطه مطرح کنید.
 

shnoit

Well-Known Member
دوست عزیز، فری جان، من الان دقیق منظور شما رو نفهمیدم !!!
اگه میشه عکس مربوط به اون قسمت رو بزار، تا با هم دیگه کد نویسی کنیم !!
نمونه اون رو که یاد گرفتی، بقیشم به همون رواله برا وبلاگها :)
 

picdoni

New Member
من نمی دونم این بحث رو کجا باید مطرح می کردم. اینقدر هم نگید چرا اینجا گفتی.
ببین این وبلاگ (www.bia2qom.mihanblog.com) ماله منه میخوامم به php تبدیلش کنم یعنی تو هاست بذارم و مثل یک سایت ازش استفاده کنم.کدهای خروجی رو نمی دونم چیه. و چطور تبدیلش کنم
 
آخرین ویرایش:

feri_hakim90

New Member
دوستان سلام:

Shnoit عزیز ممنون بابت کمکتون،
من فایلمو گذاشتنم. اینو لطفا یه نگاه بندازید، اگه اشکالی نبود بگید که از وقتی اینو با Front page باز میکنم تا اینکه قالب وبلاگ بشه چی کار باید انجام بدم. ممنون میشم اگه جامع باشه.
 

پیوست ها

  • Sampel.rar
    230.9 کیلوبایت · بازدیدها: 2

datasun

Member
من نمی دونم این بحث رو کجا باید مطرح می کردم. اینقدر هم نگید چرا اینجا گفتی.
ببین این وبلاگ (www.bia2qom.mihanblog.com) ماله منه میخوامم به php تبدیلش کنم یعنی تو هاست بذارم و مثل یک سایت ازش استفاده کنم.کدهای خروجی رو نمی دونم چیه. و چطور تبدیلش کنم

ببخشید یعنی چی تبدیلش کنم به Php ؟
اگه میخواهید وبلاگتون رو به سایت تبدیل کنید من سیستم مدیریت محتوای راش رو پیشنهاد میکنم :rose:
اما اگه میخواهید خودتون بسازید باید برنامه نویسی Php یاد بگیرید.:cool:
 

datasun

Member
دوستان سلام:

Shnoit عزیز ممنون بابت کمکتون،
من فایلمو گذاشتنم. اینو لطفا یه نگاه بندازید، اگه اشکالی نبود بگید که از وقتی اینو با Front page باز میکنم تا اینکه قالب وبلاگ بشه چی کار باید انجام بدم. ممنون میشم اگه جامع باشه.

ببخشید دوست عزیز من چند روز نبودم
خوب در مورد طراحی تون باید بگم خوبه ولی این اصلا روش صحیح طراحی نیست اگر میخواهید با تیبل کار کنید همون طور که گفتم باید بکشیدش بعد عکس هایی رو که میخواهید قرار بدید و برای قرار دادن عکس در تیبل رو اون قسمت رایت کلیک کنید و cell properties انتخاب کنید و عکس رو بروز کنید و نوشتتون رو روش بنویسید و اگه نتونستید از روش استایل که گفته بودم استفاده کنید

توجه : بهترین روش برای طراحی قالب ادیت کردن هست برید یک سایت رو پیدا کنید و سورسش رو کپی کنید و ببینید راحت میتونید ادیتش کنید بعد و....
همین و بس
موفق باشید :rose:
 

shnoit

Well-Known Member
دوستان سلام:

Shnoit عزیز ممنون بابت کمکتون،
من فایلمو گذاشتنم. اینو لطفا یه نگاه بندازید، اگه اشکالی نبود بگید که از وقتی اینو با Front page باز میکنم تا اینکه قالب وبلاگ بشه چی کار باید انجام بدم. ممنون میشم اگه جامع باشه.

شرمنده دوست عزیز نبودم، چک میکنم! اون چیزایی رو که خودتم مدنظرتونه، اضافه میکنم !!
فقط نگفتی برا کدوم سرویس دهنده !!!!
من کدها رو جاگذاری نمیکنم، بهت میگم که کجا بزاری !!!! اوگــی !!!:D
در ضمن جاهایی که نیاز به تغییر هم بود، تو جواب میگم !!:wink:
فقط بگو واسه کدوم سرویس دهنده !!؟
 

shnoit

Well-Known Member
خب
من کل قالب رو واست نذاشتم یه تیبا ساختم و کدهای مربوط به پست رو توش گذاشتم که الان کد رو میزارم و توضیحات رو میگم:

HTML:
<BLOGFA>
        <table width="500" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td align="right" background="images/Post-Top.jpg" height="26"><-PostTitle-><img src="images/Sampel_11.jpg" width="26" height="30" /></td>
          </tr>
          <tr>
            <td><img src="images/Post-shadow.jpg" width="500" height="20" /></td>
          </tr>
          <tr>
            <td background="images/spacer.gif" valign="top" align="justify" dir="rtl">
            <-PostContent-><br /><a title="لينك ثابت" href="<-PostLink->" >لینک ثابت</a></td>
          </tr>
          <tr>
            <td background="images/spacer.gif"><img src="images/Post-bottom.jpg" /></td>
          </tr>
        </table>
</BLOGFA>

اما توضیحات:
متن و دیگر متعلقات پست باید در داخل کدی با عنوان <BLOGFA> و <BLOGFA/> قرار بگیرند، این کدها کلا در پستهای بعدی هم تکرار شده و عناوین و مطالب را نشان خواهند داد!

کد: <-PostTitle-> عنوان مطالب رو نشون میده. در صورتی که در داخل کد <BLOGFA> و <BLOGFA/> قرار نگیره بدون اثر خواهد بود و چیزی رو نمایش نمیده !!!
کد: <-PostContent-> مطالب رو نشون میده !
و اما کد مربوط به لینک ثابت شاید خیلی از ابهامات بقیه شما رو برطرف کنه که روال کا چه جوریه !!!
اگه دقت کنی از کدهایی با عناویا align و dir استافده کردم که برای متن ضروری هست! چرا !؟ چون یکی کل متن رو همتراز میکنه و دیگری راست به چپ میکنه !!!

این لینک هم کلیه کدها رو توضیحات داده که همگی بر روال و طبق همین است :
http://www.blogfa.com/Help/Show.aspx?id=template

فک کنم شما میخوای یه وبلاگ در ضمینه طراحی قالب اینا داشته باشی، پیشنهاد میکنم که زیاد از تیبل استفاده نکن و از css استافده کن چون حجم کدها خیلی کم میشه که تو سرعت لود وبلاگ خیلی تاثیر داره !!!
موفق باشی ^.^
 
آخرین ویرایش:

feri_hakim90

New Member
سلام به دوستان:
ShnoIt عزیز ممنون بابت راهنمایییتون، اما اگه پست اول و ببینید من مشکلی با این مرحله که مربوط به سرویس دهنده هاست ندارم.با توجه به پاسخ شما و Datasun عزیز بهتر می تونم منظورمو برسونم.اینطور که من فهمیدم اولین کار برای طراحی به وسیله Table این هست که ابتدا Table رو میکشیم در Front page بعد عکسارو جایگزین میکنیم و بعد از اون سراغ کد های مربوط به هر سرویس دهنده میریم.اما الان سوالم اینکه چه طور می تونم یه عکسو که Slice هم شده در Front page باز شده، Table بندی کنم.یعنی در واقع ابتدا عکسو دارم و نه table رو.در مراحل بعدی مشکلی تدارم.
باز هم ممنون بابت کمکتون....
 

جدیدترین ارسال ها

بالا