ساختن

میتوانید دفترچه های راهنمای خود را سفارشی کنید. ابتدا یک (یا چند) دفترچه راهنما را انتخاب کرده و با ماوس انها را به باکس سمت راست منتقل بکشید. سپس، یک قالب خروجی (pdf یا html) انتخاب کنید. نهایتا نتیجه را با استفاده از ابزار موجود (Ajax بتا) درصفحه وب خود قرار دهید.

قدم 1. ساخت

قدم 2. ترکیب

قدم 3. قالب

ساخت دفترچه راهنما 1. از این منو میتوانید یک یا چند دفترچه راهنما را برای ساخت انتخاب کنید 2. اقلام دفترچه راهنما را به جعبه ساخت در سمت راست، به ترتیبی که مایلید، منتقل نمائید 3. خروجی ساخت میتواند PDF یا HTML باشد (در مرحله 2) 4. شما همچنید میتوانید از کد Ajax ارائه شده در مرحله 3، برای اضافه کردن دفترچه راهنما به صفحه وب یا بلاگ خودتان استفاده کنید.
		جعبه ساخت:(فصلها را به اینجا منتقل کنید)

قالب و ترکیب
1. نوع خروجی را برای ساخت و ترکیب انتخاب کنید (برای html)
2. میتوانید با استفاده از "عنوان" فایل PDF یا HTML را دانلود کنید
3. اگر HTML را انتخاب نمائید، میتوانید متن نهایی را مشاهده نموده و ظاهر انرا تغییر دهید
4. اگر PDF را انتخاب کنید، میتوانید برای مستند جلد هم انتخاب کنید

عنوان:

صدور بعنوان:

Select template:

CSS شما:

body {
	font-family : trebuchet,verdana, sans-serif;
	font-size: 12px; 
	line-height:17px;
}
#content {
	padding:10px;
	position:absolute;
	top:20px;
	left:200px;
	width:670px;
	border-width:4px;
	border-style:solid;
	border-color:#666666;
}
#index {
	 color:  #ff7f00;
	 font-family: trebuchet,sans-serif;
	 font-size: 10px;
	 line-height:11px;
	 position:absolute;
	 top:20px;
	 left :10px;
}

#index UL {
	 width: 155px;
	 list-style-type: None;
	 padding-left: 0px;
	 border: 14px solid #ff7f00;
	 background-color: #ff7f00;
	 margin: 0px 0px 0px 0px;
  }

#index  LI {
	 padding-left: 0px;
	 padding-right: 10px;
	 padding-top: 4px;
	 padding-bottom: 4px;
	 color: #ffffff;
	 margin: 0px 0px 0px 0px;
	 background-color: #ff7f00;
	 border-top: 1px solid #ff7f00;
  }

#index LI:hover {
  background-color: #F99B1C;
}

#index  LI.heading {
	 background-color: #ff7f00;
	 color: #000000;
	 border-top:1px solid #FFE5CC;
	 padding-top: 7px;
	 font-weight: bold;
}

#index  LI.title {
	 border-bottom: 2px solid #FFE5CC;
	 background-color: #ff7f00;
	 color: #FBF4E9;
	 font-weight: bolder;
	 font-size:20px;
	 padding-bottom: 20px;
  }

#index A {
	 text-decoration: none;
	 color:  #FBF4E9;
	 font-weight: bold;
}

hr {
border : none;
background-color : #666666;
color : #000000;
height : 2px;
width:120px;
margin-left:0px;
margin-bottom: 10px; 
margin-top: 10px;
}

blockquote {
}

ul, li {
margin-bottom: 5px; 
margin-top: 0px; 
}

h1 {
font-size: 24px;
font-family : Arial,verdana, sans-serif;
font-weight : Bold;
margin-bottom: 10px; 
margin-top: 0px;
line-height: 32px; 
letter-spacing: -1px; 
}

h2 {
font-size: 18px;
font-family : Arial,verdana, sans-serif;
font-weight : Bold;
margin-bottom: 10px;
margin-top: 15px;
padding-top : 15px;
}

h3 {
font-size: 14px;
font-family : Arial,verdana, sans-serif;
font-weight : Bold;
margin-bottom: 5px; 
}

h4 {
font-size: 1em;
font-family : Arial,verdana, sans-serif;
font-weight : Bold;
margin-bottom: -12px; 
}
pre, span.Code, span.verbatim {
font-size:12px;
line-height:1.5em;
background-color:#FFE5CC;
border: 0px solid #000000;
margin-left : 0.5em;
margin-bottom : 20px;
margin-right : 1em;
padding-left: 1em;
padding-right: 1em;
padding-top: 0.2em;
padding-bottom: 0.2em;
color : black;
white-space: pre-wrap;       /* css-3 */
white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
white-space: -pre-wrap;      /* Opera 4-6 */
white-space: -o-pre-wrap;    /* Opera 7 */
word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

صدور دفترچه راهنما
1. میتوانید به مرحله 1 یا 2 برگشته و تنظیمات ساخت را تغییر دهید
2. شما میتوانید دفترچه راهنما را ذخیره کرده و در نسخه ذخیره شده تغییرات دهید

دفترچه راهنمای Ajax (بتا)
این قابلیت به شما امکان میدهد که یک دفترچه راهنما را در صفحه وب یا بلاگ خود نمایش دهید. این امکان در حال حاضر هنوز در حال ساخت میباشد و طی چند هفته اینده قابلیتهای ان بهبود داده خواهد شد.

1. کپی+چسباندن این متن اگر میخواهید انرا وارد کنید
2. این دفترچه راهنما میتواند سفارشی شود. ما نحوه انجام این کار را بزودی منتشر خواهیم کرد

یادداشتهای api:
1. در زیر تنظیمات پیش فرض ترکیب و تنظیم متن میباشد
2. ترکیب محتوای فصل در حال حاضر نمیتواند تغییر داده شود. ما روی این قابلیت مشغول کار هستیم.
3. مستندات بیشتری در راه هستند. در حال حاضر این نسخه بتا (در حال تست) میباشد.

var _config = { "width":           "835px",
                "height":          "500px",
                "padding":         "3px",
                "color":           "#ffe5cc",
                "indexwidth":      "160px",
                "indexbackground": "#ff7f00",
                "framewidth":      "670px",
                "frameheight":     "500px",
                "skin":            "ajax"};

var _style = { "title":   "color: #ffe5cc;font-size: 20;font-family: Arial,verdana, 
				sans-serif;font-weight: bold;margin-left:20px",
               "frame":   "",
               "index":   "",
               "embed":   "font-size: 10px;font-family: Arial,verdana, sans-serif;
	       			font-weight: bold; line-height:14px",
               "topic":   "font-weight: bold",
               "heading": "font-weight: bold; color:black;font-family: Arial,verdana, 
	       			sans-serif;font-size: 10px;padding-top: 4px;
				padding-bottom: 4px",
               "list":    "list-style-type: none; padding-left: 20px; margin-left: 
	       			0px;margin-top:2px;",
               "link":    "color: #ffe5cc; text-decoration: none; font-weight: bold"};

برای تغییر تنظیمات پیش فرض ترکیب موارد زیر را به کار ببرید.

FLOSSConfig.style = null

یک مثال برای سفارشی کردن ترکیب:

var FLOSSConfig = {'style': {'title': 'color: black; font-size: 20;font-family: 
Arial,verdana, sans-serif;font-weight: bold', 'heading': 'font-weight: bold; 
color:black;font-family: Arial,verdana, sans-serif;font-size: 12','embed':
'font-size: 12px;font-family: Arial,verdana, sans-serif;font-weight: bold'}, 
'config': {'width': '870px', 'height': '500px', 'framewidth': '670px'}, 
'pages': [], 'title': ''};