مولد HTML الأساسية لBootstrap 3

< ما هذا؟ >
فإنه يولد مصدر HTML الأساسية لBootstrap 3. يمكنك اختيار الخيارات عند إنشاء ذلك. أنا غالبا ما تستخدم هذه لنفسي. إذا كنت تريد، من فضلك احفظ هذه الصفحة.


< مولد كهربائي >
صفحة العنوان :
رمز اللغة :
نسخة Bootstrap :
متوافق مع IE القديمة :
استخدام شريط التنقل ثابت :
استخدام تذييل لزجة :
استخدام jQuery الفشل :
استخدام jQuery UI الفشل :
استخدام backbone.js :
استخدام underscore.js :
استخدام bootbox :

إذا اخترت “متوافق مع IE القديمة” “نعم”، تحتاج إلى وضع “bootstrap.min.css” و “respond.min.js” على الخادم الخاص بك. في الأساس “respond.min.js” لا يعمل بشكل صحيح على كندي والخوادم الآخرين.

< مخطوطات >
يمكنك تحميل البرامج النصية التي تستخدم HTML. يمكنك وضع على الخادم الخاص بك واستبدال مسارات البرامج النصية.
Bootstrap
jQuery
jQuery UI
backbone.js
underscore.js
bootbox
html5shiv
Respond.js
( Bootstrap و Respond.js ضرورية لتحميل لIE القديمة. يرجى توخي الحذر. )

جعل STINGER3 (وورد موضوع) متوافق مع WPML (متعدد اللغات المساعد)

< ما هو WPML؟ >
هو البرنامج المساعد لورد بعدة لغات. يمكنني استخدام WPML على هذا mecrazy بلوق.
الموقع الرسمي للWPML

< ما هو STINGER3؟ >
هذا هو موضوع لورد. لديها العديد من الوظائف جميلة من دون المساعد. على سبيل المثال، مقتطف الواضع للإعلانات (مثل جوجل ادسنس) وتصميم رائع أزرار الاجتماعية. لقد أراد أن محاولة استخدام هذا الموضوع.
الموقع الرسمي للSTINGER3 (الصفحة اليابانية)

< نأمل النشاط طيف >
مطور STINGER3 مشغول جدا للرد على تويتر، وأنا لست متأكدا من أنه يمكن قراءة بلغات أخرى غير اليابانية. إذا كان لديك أي أسئلة حول STINGER3، وآمل منك أن تجد الجواب على Google أو حل المشاكل بنفسك.

< بالنسبة للأشخاص الذين لا يستطيعون القراءة اليابانية >
الموقع الرسمي للSTINGER3 هو باللغة اليابانية. أعتقد أنه من الصعب العثور على وصلة التحميل من موضوع ملف مضغوط. يجب أن تجد الكلمة اليابانية “ダウンロード“. وهو ما يعني “تحميل” باللغة العربية. الرجاء استخدام CTRL + F للعثور على هذه الكلمة. يرجى العثور على اسم ملف النسخة “stinger3ver20140327.zip” الحالية.

< رمز التوافق >
رمز أدناه تعطي التوافق WPML لSTINGER3.

<style type="text/css">

.submenu-languages{
  background-color:#f3f3f3;
  border-style:solid;
  border-color:#dedede;
  border-width:0px 1px 1px 1px;
  position:absolute;
  margin-left:-11px;
  margin-top:21px;
  padding-bottom:5px;
  display:none;
}
.submenu-languages > li{
  white-space:nowrap !important;
  float:none !important;
  display:inline-block !important;
}

.iclflag{ vertical-align:middle;position:relative !important;top:-1px !important; }
#lang_sel{ z-index:1000; }
#lang_sel a{ display:block; }
#lang_sel ul,#lang_sel li,#lang_sel a{
  margin:0px;padding:0px;
  width:300px;
  text-align:left;
  white-space:nowrap;
}
#lang_sel ul,#lang_sel li{ margin:0px !important;padding:0px !important; }
#lang_sel a{ margin:0px !important;padding:0px 7px !important; }
#lang_sel li,#lang_sel a,#lang_sel span{
  height:30px !important;
  line-height:30px !important;
  font-size:14px;
}
#lang_sel > ul > li > ul{ top:31px; }

</style>
<script type="text/javascript">
jQuery(function($){
var langMenuObj = $('.submenu-languages').eq(0);
var wpmlMobile = (typeof(window.orientation) != "undefined");
$('.menu-item-language-current').eq(0).on('mouseenter',function(){
if(!wpmlMobile){langMenuObj.stop(true,true).fadeIn('fast');}
}).on('mouseleave',function(){
if(!wpmlMobile){langMenuObj.stop(true,true).fadeOut('slow');}
}).on('click',function(){
langMenuObj.stop(true,true).toggle();
});
$('.icl_lang_sel_current ').parent().click(function(){ return false; });
});
</script>

< كيفية إدراج هذا الرمز؟ >
هناك 3 طرق لادخال المثال التعليمات البرمجية. يرجى اختيار واحد منهم. أو إذا كنت تعرف كيفية تخصيص وورد، يمكنك إدراج يدويا لمخطوطات PHP الخاص بك.

< الطريقة – 1 >
الذهاب إلى [ المظهر – المربعات الجانبية ] من القائمة المسؤول. الرجاء إضافة “نص” إلى منطقة صالحة واحدة. من فضلك لا أدخل العنوان، وضعت النصي فقط في شكل بالتفصيل.

< طريقة – 2 >
أنا وضعت STINGER3 loves WPML المساعد. هذا البرنامج المساعد تفعل الشيء نفسه بأنه “الطريقة – 1”. إذا وجدت البق، يرجى الإبلاغ أو قل لي على Github، Twitter أو Google+.

< طريقة – 3 >
باستخدام وورد البرنامج المساعد “Wp Insert“. فإنه يمكن إدراج رمز HTML إلى أي مكان على بلوق.

< بعد ذلك >
أعتقد كل الأساليب ليست صعبة للغاية. ولكن الإصدار الحالي من STINGER3 غير متوافق مع ملفات mo اللغة. نحن يمكن أن تترجم فقط مع سلسلة ترجمة WPML. إذا كان لدي وقت الفراغ، أريد أن تطوير التصحيح لSTINGER3 متوافق مع ملفات mo.

< تحديث في 11 يونيو 2014 >
ثابت – لا يمكن التعامل مع الحدث الصنبور الأول من الروبوت أو دائرة الرقابة الداخلية المتصفحات. يتم تحديث التعليمات البرمجية المصدر على هذه الصفحة والبرنامج المساعد وورد على جيثب.

تشغيل WordPress على KSWEB على الروبوت

< تحذير >
كنت في حاجة إلى مهارة لتعيين عنوان IP العام Android الخاص بك. أنا لا أكتب الإجراء حول إعدادات الشبكة، لأنه يعتمد على أجهزة الشبكة والبرمجيات ومزود. أنا آسف ولكن يرجى التحقق من ذلك على موقع آخر.

< رهيبة التطبيق لAndroid >
هناك التطبيق رهيبة على Google Play. اسم التطبيق هو KSWEB. صفحة المطور هنا. يمكنك تحميل من هذه الصفحة أو Google Play.

< متطلبات >
يقول المطور من KSWEB Android الجهاز مع إصدار نظام التشغيل 2.3.3 أو أعلى والمعالج ARM-تستند مطلوب . سأحاول لتشغيل KSWEB على IS05 (اليابانية الروبوت الذكي القديمة SHARP) و هذا الإجراء على آخر هو حول هذا الجهاز. ولكن ربما KSWEB يمكن تشغيلها على أنواع عديدة من الأجهزة Android. يرجى المحاولة على أي من الأجهزة التي لديك.

< تثبيت من Google Play >
( إذا كنت ترغب في تثبيت من Google Play، يرجى اتباع هذا الإجراء. )
تحتاج فقط للذهاب KSWEB – Google Play وتثبيته. هذا كل شيء من التثبيت.

< تثبيت من ملف APK >
( إذا كنت ترغب في تثبيت من ملف APK، يرجى اتباع هذا الإجراء. )
قبل تثبيت ملف APK، كنت بحاجة إلى تغيير الإعداد الروبوت الخاص بك للتطبيقات. تحتاج إلى السماح بتثبيت التطبيق من “unknown sources” (مصادر غير معروفة). بعد ذلك، يرجى زيارة http://kslabs.ru/download/ لتحميل ملف APK من KSWEB.
20140531-174245

< تحميل WordPress >
يمكنك اختيار “تحميل على Android مباشرة” أو “تحميل على جهاز الكمبيوتر وتحميلها على الروبوت”. أنا تحميلها على جهاز الكمبيوتر من http://ar.wordpress.org/. أنا ركبت AirDroid لبلدي الروبوت وزار http://web.airdroid.com/ لتحميل ملف مضغوط WordPress إلى بلدي Android. إذا كنت ترغب في “تحميل على Android مباشرة”، وتحتاج فقط لزيارة http://ar.wordpress.org/ بواسطة متصفح الروبوت الخاص بك.

< تركيب ZIP مستخرج لAndroid الخاص >
تحتاج إلى استخراج ملف مضغوط WordPress على Android الخاص بك. أنا ركبت AndroZip™ File Manager إلى بلدي Android. ولكن هناك أنواع كثيرة من ZIP مستخرج على Google Play، يمكنك اختيار أي التطبيق تريد.

< استخراج ملف ZIP >
أضع “wordpress-3.9.1-ar.zip” ملف ZIP على جذر الدليل بطاقة SD. وقدم بعد ذلك أنا استخراج “wordpress” الدليل تلقائيا.
20140605-002551

< مضيفا وتمكين وظائف اختياري >
يرجى الاستفادة [ TOOLS – WebFace – Start ] لتمكين KSWEB واجهة ويب. يرجى الاستفادة [ TOOLS – Main – phpMyAdmin ] لإضافة phpMyAdmin. phpMyAdmin هو لصنع قاعدة بيانات على MySQL لورد، حتى انها ليست ضرورية. يمكنك أيضا جعل قاعدة بيانات النصي PHP.
20140530-002435

< جعل قاعدة بيانات phpMyAdmin >
يرجى الوصول http://localhost:8000/ في حد ذاته (Android) أو http://< Android عنوان IP المحلي >:8000/ من أي جهاز كمبيوتر على نفس الشبكة.
phpMyAdmin_login
يمكنك تسجيل الدخول باسم root مع عدم وجود كلمة مرور. في بلدي صورة العينة، وجعل قاعدة البيانات “وورد” لWordPress.
phpMyAdmin_table

< تغيير WWW الدليل الجذر على Lighttpd >
يرجى الوصول http://localhost:8003/ في حد ذاته (Android) أو http://< Android عنوان IP المحلي >:8003/ من أي جهاز كمبيوتر على نفس الشبكة. انها واجهة ويب KSWEB. المستخدم وكلمة المرور الافتراضية على حد سواء admin.
KSWEB_Web_Interface
الرجاء الضغط Server settings. يمكنك تحرير ملف التكوين من على Lighttpd.
تجدون خط مثل أدناه.

server.document-root = “/mnt/sdcard/htdocs”

تغيير مسار الدليل من هذا الخط إلى الجذر WordPress الخاص بك.
الإعداد الجديد بلدي أدناه.

#server.document-root = “/mnt/sdcard/htdocs”
server.document-root = “/mnt/sdcard/wordpress”

بعد تغيير ملف التكوين، يرجى إعادة تشغيل الكمبيوتر أو على Lighttpd KSWEB.

< إعدادات المنفذ من على Lighttpd >
الإعداد الافتراضي هو مثل الموانئ أدناه.
lighttpd_ports
إذا كنت ترغب في تغييرها، يرجى تعديل ملف التكوين.

< لا أنام! >
الروبوت الذكي أساسا ينام تلقائيا. إذا كنت تريد أن تعمل 24 ساعة، تحتاج لإبقائه بعيدا عن النوم. هناك العديد من التطبيقات للبقاء مستيقظا فإنه على Google Play. الرجاء استخدام StayAwake، KeepScreen أو واحد آخر تجد على Google Play.

< بدء WordPress >
الخطوة التالية هي نفس الإجراء التركيب العام للWordPress. يرجى الوصول Android الخاص بك مع اسم النطاق الخاص بك. سيبدأ التثبيت الافتراضي WordPress. استمتع الموفرة للطاقة WordPress الحياة.

عكس الوكيل على nginx على Raspberry Pi

< على استعداد لتثبيت >
تحتاج Debian wheezy لمتابعة الإجراء بلدي. ليس فقط Raspberry Pi.

< ماذا يمكنني استخدام Raspberry Pi >
الوكيل العكسي هي وظيفة بسيطة. أساسا انها مهمة سهلة للغاية بالنسبة لأجهزة الكمبيوتر الشخصية العامة أو أي الملقمات. Raspberry Pi ليست قوية جدا، ولكن هذا الكمبيوتر الموفرة للطاقة. انها ليست باهظة الثمن. يمكن لأي شخص شرائه في جميع أنحاء العالم. انها كافية لوكيل عكسي على nginx. لهذا السبب اخترت Raspberry Pi لملقم وكيل عكسي وكتب هذا المنصب.

< تركيب nginx >
تنفيذ الأمر أدناه كما root.

apt-get install nginx

هذا كل شيء.

< تحرير ملف التكوين >
تحرير ملف التكوين الافتراضي.

nano /etc/nginx/sites-available/default

بلدي “/etc/nginx/sites-available/default” هو مثل أدناه.

server {
listen 80;
server_name mydomain.net;

location / {
proxy_pass http://127.0.0.1:8080;
}
}

هذا نقل التكوين يصل “mydomain.net” إلى 8080 منفذ خادم Apache المحلية على Raspberry Pi.

< إضافة الوكيل ملف التكوين >
إضافة ملف لإعدادات الوكيل.

nano /etc/nginx/conf.d/proxy.conf

بلدي “/etc/nginx/conf.d/proxy.conf” هو مثل أدناه.

# Header
proxy_redirect off;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-Host $host;
proxy_set_header X-Forwarded-Server $host;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

# Timeout
proxy_connect_timeout 60;
proxy_read_timeout 90;
proxy_send_timeout 60;

# Buffer
proxy_buffering on;
proxy_buffer_size 8k;
proxy_buffers 100 8k;

# Cache
proxy_cache_path /var/cache/nginx/mydomain.net levels=1:2 keys_zone=cache_$
proxy_temp_path /var/cache/nginx/temp;

proxy_cache_valid 200 2h;
proxy_cache_valid 302 2h;
proxy_cache_valid 301 4h;
proxy_cache_valid any 1m;

أيضا تحتاج إلى إجراء دليل ذاكرة التخزين المؤقت كما root.

mkdir /var/cache/nginx

< بدء nginx >

service nginx start

كيف نفكر في هذا الإجراء؟ من السهل جدا؟

توليد صفحات الويب الديناميكية فقط مع محرك جوجل

< تحذير >
أنصحك للحصول على حساب جوجل اضافية فقط للجمهور.
لأنه إذا كنت تتبع الإجراء بلدي، وسوف يكون عنوان Gmail على ملف XML العامة.

< الحل الجديد على 2014/07/10 >
كتبت آخر الحصول على الإصدار الجديد من جوجل جداول البيانات كما JSONP. إذا كنت تريد استخدام النسخة الجديدة من جوجل جداول البيانات لإنشاء صفحات الويب الديناميكية بدلا من النسخة القديمة، يرجى قراءة هذا المنصب.

< تحديث في 2014/04/26 >
الرجاء استخدام Anyfile Notepad أو أي تطبيقات محرر نصوص أخرى لمحرك جوجل على جوجل مخزن ويب بدلا من Drive Notepad. لأنه تم إزالة Drive Notepad من المخزن.

< تحديث في 2014/05/12 >
مهلا! Drive Notepad هو العودة إلى المتجر الويب من Google!

< توصية >
أنصحك لتثبيت “Drive Notepad”. انها امتداد لجوجل محرك. عند تثبيت Drive Notepad، تحتاج Chrome. ولكن بعد الاتصال Drive Notepad إلى Google Drive، لا يشترط Chrome. يمكنك استخدام Drive Notepad على أي المتصفحات.
https://chrome.google.com/webstore/detail/drive-notepad/gpgjomejfimnbmobcocilppikhncegaj?hl=en-GB
drive_notepad_en_us

< لتحديث محتويات من جدول >
تحتاج إلى استخدام “جدول جوجل الإصدار 1”. لأن “النسخة 2” لا يدعم CSV وتقاسم XML حتى الآن. (كتبت هذا المنصب في 19 أبريل 2014.) إذا كنت عادة توليد جدول جديد اليوم، وانها تكون النسخة 2 تلقائيا.

وأوضح جدول جديد جوجل على “Check out the new Google Sheets” (الإنجليزية).

شعرت بالقلق من CSV وسوف تقاسم XML لا يدعم في الإصدار 2، لذلك راجعت أيضا “Unsupported features in the new Google Sheets” (الإنجليزية). ولكن هذه الوظيفة ليست مدرجة في تلك الصفحة. نعم … غير المدرجة … ولكن لا أحد من المؤكد عندما Google تغيير رأيهم ….
يمكنك توافق هذا الوضع؟

دعونا الوصول https://g.co/oldsheets لإنشاء جداول البيانات في الإصدار 1.

انها عينة بلدي.

انها ورقة واحدة فقط. وقد رأس ذلك، 3 من الأعمدة والصفوف 2.
(أنا ذاهب لتوليد imgur موقع على شبكة الإنترنت صورة.)

< دعونا تجعل من الجمهور >
اتبع الموافقة المسبقة عن علم أدناه.
publish_to_the_web_ar

حدد “النشر على الويب…” ودفع “بدء النشر”.
قسم “الحصول على رابط إلى البيانات المنشورة” نرى.
publish_to_the_web_2_ar
يمكنك الحصول على جدول البيانات الخاص بك كصفحة ويب، HTML، CSV، TXT، PDF، ATOM، RSS، XLS والمواد المستنفدة للأوزون. إذا كنت ترغب في مزامنة البيانات إلى موقع الويب الخاص بك، يجب عليك أن تختار CSV، أو ATOM RSS. هذه هي صيغة سهلة للمزامنة. عند اختيار واحد منهم، يمكنك العثور على وظيفة لتحديد الصفوف والأعمدة. هذه الوظيفة يمكن أن تجعل حجم ملف لكل طلب أصغر.

إذا اخترت CSV، قبل اختيار مجموعة، يرجى تحديد ورقة الهدف. عينة مثل الموافقة المسبقة عن علم أدناه.
select_sheet_ar
في عينتي، “A1” هو الرأس. أريد الحصول على 5 صفوف الأقصى. لذلك أنا وضعت مجموعة “A2:A6”.
select_cell_ar
يمكنك العثور على “range=A2%3AA6” في عنوان الموقع. إذا كنت ترغب في إضافة وظيفة ترحيل الصفحات إلى موقع الويب الخاص بك، يجب تغيير حيوي المعلمة ل “range” حسب جافا سكريبت.

< هل من الصعب؟ >
لا تقلق. كتبت رمز Javascript هنا.
https://github.com/mecrazy/generateGoogleDriveUri
هذا السيناريو هو متوافق مع CSV، وATOM RSS الأشكال. انها فقط URI المولد. أنه لا يملك المحلل. إذا اخترت ATOM أو RSS، يمكنك استخدام jQuery بمثابة المحلل.

يرجى استخدام “generateGoogleDriveUri.min.js” مثل أدناه.

<!DOCTYPE html>
<html>
<head>
<title>الصفحة عينة</title>
<script src="js/generateGoogleDriveUri.min.js"></script>
<script type="text/javascript">
window.onload = function(){

//كائن الصب
var gduObj = new genGDU('وضع رابط لبيانات نشرت هنا');

//توليد URI
var atomUri = gduObj.genUri(
  'atom', // اخترت شكل ATOM.
  {
    startRow:2, //نبدأ من الصف 2
    startCol:1, //تبدأ من عمود 1
    cols:1, //قطع 1 الأعمدة
    rows:5, //قطع 5 الصفوف في كل صفحة
    page:1 //الحصول على الصفحات 1
  }
);

var html = '<a href="' + atomUri + '" target="_blank">' + atomUri + '</a>';
document.getElementById('sample').innerHTML = html;

}
</script>
</head>
<body id="sample"></body>
</html>

< إضافة index.html والإعداد وDrive Notepad >
بعد إضافة Drive Notepad على Chrome، يمكنك العثور على “Text Document” على القائمة من Google Drive الخاص بإنشائها.
add_index_ar
إذا كان في المرة الأولى لاستخدام Drive Notepad، سوف يطلب منك مثل أدناه.
permission_01_en_us
دفع “Login and/or grant app permissions…”، واستعرض مسألة أدناه.
permission_02_ar

الرجاء تغيير اسم الملف إلى “index.html و”. بعد حفظ الملف، أغلق علامة التبويب.
change_file_name_en_us

الرجاء تغيير وضع حول “إدارة التطبيقات”.
manage_apps_ar
يرجى مراجعة “استخدامه افتراضيًا” الصف Drive Notepad.
use_by_default_ar
بعد ذلك، يمكنك استخدام Drive Notepad مثل تطبيقات أخرى على Google Drive.

< تغيير إعدادات المشاركة >
حدد مجلد لتعيين العامة.
بعد ذلك، اتبع الموافقة المسبقة عن علم أدناه.
set_sharing_enabled_01_ar
تعيين “عام على الإنترنت” التحقق.
set_sharing_enabled_02_ar

< إعداد HTML، CSS، Javascript >
استخدام Drive Notepad لإعدادهم.
أو تعديل مع محرر النص الخاص بك وتحميلها.
موقفي النسبي هو مثل أدناه.
my_public_tree_ar

الرابط أدناه هو بلدي صفحة الويب التي تم إنشاؤها باستخدام بيانات Google.
https://googledrive.com/host/0B2hsIY7iHEnLS290OHlmRkFmbU0/
إذا كنت تريد، يرجى استخدام مصادر كما عينة.

< النصي اضافية >
أنا وضعت imgur تحويل URL لصفحة الويب الخاصة بي. إذا كنت تريد، يرجى استخدام هذا.
https://github.com/mecrazy/imgurUrlConverter