القالب مجاني و هو عبارة عن قالب css و xhtml موجود على الرابط التالي :
http://www.solucija.com/preview/Internet_Encyclopedia
قمت بتعريبه و تهيئته ليناسب الووردبرس طبعاً مع بعض الاضافات .. ( الحقيقة أنني غيرت كل شيء وأبقيت ألوان الخلفية فقط ) ..
التصنيف : ووردبريس | بدون تعليقات | الكاتب : assyrian-php
القالب مجاني و هو عبارة عن قالب css و xhtml موجود على الرابط التالي :
http://www.solucija.com/preview/Internet_Encyclopedia
قمت بتعريبه و تهيئته ليناسب الووردبرس طبعاً مع بعض الاضافات .. ( الحقيقة أنني غيرت كل شيء وأبقيت ألوان الخلفية فقط ) ..
التصنيف : ترجمات, عام | عدد التعليقات 5 | الكاتب : assyrian-php
عندما تفكر بإنشاء موقع ( لأي غرض كان استخدامه ) فإن أول ما يتبادر إلى ذهنك هو نظام إدارة المحتوى المناسب لموقعك و قد تصاب بالحيرة و الارتباك جراء عدة أمور كالعدد الهائل و المختلف لأنظمة إدارة المحتوى الموجودة ( المفتوحة المصدر و المجانية أو التجارية ) و كذلك إمكانيات كل منها فالبعض من هذه الأنظمة بسيط لدرجة انه لا يوفر أدنى المستلزمات لإدارة محتوى موقعك و البعض الآخر معقد بحيث يصيبك بالحيرة لصعوبة التعامل معه ، لذلك كُتب هذا المقال لتوضيح بعض النقاط الأساسية التي يجب أن تؤخذ بالحسبان أثناء انتقاء نظام إدارة محتوى ليكون ملائماً لموقعك الآن و في المستقبل .
المقال مترجم بتصرف عن Smashing Magazin
أولاً : الوظيفة الأساسية Core functionality
عندما بفكر غالبية الناس بنظام إدارة المحتوى فإنهم بفكرون بـ ( إنشاء ، حذف ، تحرير ، تنظيم ) الصفحات . على فرض بأن كل أنظمة إدارة المحتوى تقوم بهذا العمل و لذلك يعتبرون هذه الوظائف كمسلمات . ولكن الحال ليس هكذا بالضرورة و لا يوجد أي ضمان على أن تكون هذه الوظائف موجودة بطريقة بديهية .
على سبيل المثال ، ليست كل أنظمة التدوين تسمح للمشرف بإدارة و تنظيم الصفحات في تسلسل شجري ، بدلاً من ذلك فإن المشاركات ( posts ) تنظم تلقائياً وفق معايير كالتاريخ و التصنيف . في بعض الحالات فإن هذا كاف بشكل مناسب .
في الواقع ، هذه المحدودية في الوظائف تبقي الواجهة بسيطة و سهلة الفهم و لكن في ظروف أخرى فإن هذه المحدودية في الوظائف قد تكون محبطة .

خذ بعين الاعتبار و اختر بعناية الوظائف الأساسية و الجوهرية التي تحتاجها ، حتى لو لم تتطلب القابلية لإنشاء و تنظيم الصفحات الآن ، فقد تتطلب ذلك مستقبلاً . كن يقظاً لأي نظام لا يسمح لك بانجاز هذه الوظائف الأساسية .
ثانياً : المحرر The editor
المحرر هو واحد من الميزات الأساسية التي تستحق اهتماماً خاصاً . معظم أنظمة ادارة المحتوى تحتوي على محرر متطور wysiwyg editor ” و الكلمة wysiwyg تعني (what you see is what you get ) أي ما تراه هو ما ستحصل عليه “.
و لكن على نحو غريب ، فإن هذا العنصر ( المحرر ) مفهوم بطريقة خاطئة بالرغم من واقع كونه الميزة الأكثر استخداماً في النظام بشكل عام .
المحرر هو الواجهة التي يضاف من خلالها المحتوى و يعدل . تقليدياً ، فهو يسمح للكاتب بتطبيق متعلقات التصميم الأساسية مثل حجم الخط و اللون و القوائم . على أية حال فإن المطورين قد انتقلوا مؤخراً من هذا النمط من المحررات إلى نمط ينتج أداءً أفضل .
إن لخطورة استعمال المحررات التقليدية wysiwyg editor وجهان . أولاً : للكاتب قدر كبير من التحكم عبر التصميم ، فهو قادر على تخصيص مظهر الصفحة كثيراً مما قد يؤدي إلى تشوه التصميم و تقويض تماسكه . ثانياً : من أجل الوصول إلى هذه المرحلة من التحكم بالتصميم فإن أنظمة إدارة المحتوى تمزج التصميم بالمحتوى .
الجيل الجديد من المحررات بتخذ مجرىً آخر ، فالكاتب بستخدم المحرر ليحدد القوائم ، الروابط و العناصر الأخرى دون تخصيص كيفية ظهورها في التصميم .

اضمن قائمة الاحتياجات متضمنة محرراً مصمماً على هذا المبدأ و الذي لا يعطي الكاتب حرية التحكم في الظهور ، أو على الأقل ابحث عن نظام إدارة المحتوى الذي يسمح للمحرر بأن يستبدل بحل أكثر ملائمة .
المحرر أيضاً يجب أن يتمكن من التعامل مع مصادر خارجية كالصور و الملفات و التي تأخذنا إلى النقطة القادمة : إدارة المصادر .
التصنيف : CSS, XHTML | عدد التعليقات 9 | الكاتب : assyrian-php
نلاحظ في معظم المواقع المصممة لتوافق المعايير القياسية و الويب 2.0 أن الرسائل التنبيهية أو رسائل الخطأ تأخذ شكلاً بسيطاً و ذو دلالة لما نريد تقديمه ضمن الرسالة . في المثال التالي أمثلة لصناديق الرسائل تحتوي على صورة وصفية للمضمون :
المثال الأول :

كود CSS سيكون كالتالي :
p.accept {
background:#edfcd5 url('images/accept.png') no-repeat 99% center;
border-top:3px double #d4ebaf;
border-bottom:3px solid #d4ebaf;
padding:5px 30px 5px 2px;
color:#1F7A1B;
}
ناتج الكود سيكون كالتالي :
![]()
شرح الكود :
| الخصائص | القيمة | الشرح |
|---|---|---|
| background | #edfcd5 | لون الخلفية |
| background | url(’images/accept.png’) * | رابط صورة الخلفية |
| background | no-repeat | تكرار الخلفية |
| background | 99% ** | مكان صورة الخلفية أفقياً |
| background | center | مكان صورة الخلفية عامودياً |
| border-top | 3px | ارتفاع الحد العلوي |
| border-top | solid *** | نوع الحد العلوي |
| border-top | #d4ebaf | لون الحد العلوي |
| color | #1F7A1B | لون الخط |
* يمكن تغيير رابط صورة الخلفية حسب مسار الصورة . بالنسبة للووردبريس فإن المسار هو ذات المسار في المثال السابق
** استخدمت النسبة المئوية بدلاً من تحديد المكان مباشرة عن طريق left أو right أو center لأبقي مساحة بين الحد الأيمن و الصورة ، تستخدم النسبة المئوية باعتبار أن أقصى اليسار هو 0% أفقياً أما عامودياً فإن 0% هي أقصى ارتفاع للصورة .
*** نوع الحد العلوي + الحد السفلي : استخدمت solid أي خط كامل .. يمكنك استخدام dotted , dashed , double و غيرها ..
نقطة مهمة : ( التباعد padding )
بفرض أن أبعاد صورة الخلفية هي 16×16 و لم نحدد قيم التباعد فإن الكتابة ستظهر فوق الصورة مباشرة .
لتجنب ذلك نضيف قيم التباعد التالية :
padding:5px 30px 5px 2px;
أو
padding-top:5px; padding-right:30px; padding-bottom:5px; padding-left:2px;
المثال الثاني : ( يشتمل بعض التعديلات في الحدود فقط ) .

مثال للتحميل : colored-boxes-with-descriptive-image.rar
التصنيف : عام | بدون تعليقات | الكاتب : assyrian-php
هذه التدوينة هي بمثابة شكر و امتنان للمواقع و المدونات التي استفدت منها في مجال التقنية ، البرمجة ، التصميم ، تطوير المواقع . وهي :
بداية الشكر للمهندس مهدي الحوساني الذي يشاركنا معرفته التقنية عبر مدونته المتميزة رحلة ضوء .
المدونة تهتم بالتقنية بشكل عام لكنها تحتوي حتى يومنا هذا 696 مقال متنوع عن البرامج المجانية و مفتوحة المصدر و بدائلها التجارية مع شرح للبرنامج بطريقة مبسطة و معبرة كما أن هناك أقسام تخصصية بالتصميم ، التطوير ، أنظمة التشغيل ، ركن للمشاكل و الحلول و المزيد ..
اكتشف كل شيء عن رحلة ضوء ، قم بزيارتها ، ضعها ضمن مفضلتك . و انعم بالمعلومات و الذخيرة التقنية التي فيها .
كتوم :
أحمد عبد المنعم ، يصف نفسه انه شخص عادي جداً لكن يستحيل أن يكون شخصاً عادياً , فالناس العاديون لا يبدعون في تعليم CSS . مدونة كتوم .. تهتم بتقنية CSS . هناك الكثير من المقالات المتفرقة و الدروس التعليمية المفيدة .. أنا شخصياً استفدت الكثير منها .. المدونة أكثر من رائعة و أحمد عبد المنعم أيضاً أكثر من رائع .. يُنصحُ بها .
cssbit2.0 و cssguy :
بما أن المدونتان للشخص نفسه ( لا أعرف اسمه ) فقد وضعتهما سوية .. محرر المدونتين مطور مواقع ، Freelancer ، و مدون رائع . أتصفح المدونتين بشكل يومي . دائماً هناك ما هو جديد و مفاجئ .
لزيارة cssbit2.0
لزيارة cssguy
سوالف سوفت :
المنتدى الأكبر و الأعم لمطوري المواقع .. كنز معرفي هائل للمبتدئين و المتقدمين .. أتصفحه يومياً بدءاً بمنتدى تطوير الويب ثم PHP فويب 2.0 و البرمجية القياسية Ajax +XML+ CSS+ JavaScript وغيرها .
هناك الكثير من الأقسام التخصصية التي تحتوي على عدد ضخم من المشاركات التعليمية و الأسئلة و المشاكل و الحلول .. تعجبني السرعة في الرد على أي استفسار و المساعدة في حل أي مشكلة أو معلومة .
هناك المزيد طبعاً من المواقع المفيدة .. لكن المواقع أعلاه هي أكثر المواقع العربية غنىً بالمعلومات و الدروس التعليمية ( رأيي الشخصي ) . أشكر أصحاب هذه المواقع لما قدموه للمتصفح العربي و ما يقدمونه حتى الآن .
التصنيف : عام | بدون تعليقات | الكاتب : assyrian-php
عن نفسي :
مطور ويب ، Freelancer . يمكنني تنفيذ المشاريع المتوسطة و الصغيرة باستخدام التقنيات التالية :
تتراوح الخبرة من لغة لأخرى بين جيد و متوسط
عن المدونة :
ستوديو ستايل مدونة أخرى عن التقنية و تطوير الويب و كل ما يتعلق بهما ، المدونة في الفترة التجريبية و ستبقى كذلك للشهرين المقبلين لكي يتحدد مسارها بشكل نهائي و يتحدد التخصص الذي سنهتم به في المدونة .
جزء من المدونة سأخصصه للأعمال التجارية ( برمجة - تصميم - تطوير ) أما المدونة ككل فستكون مخصصة للدروس CSS,PHP,XHTML و بالطبع هناك قسم للووردبريس و تقنيات أخرى . لاحقاً سأضيف تقسيمات أخرى .
بالنسبة لأعمالي :
سأخصص صفحة خاصة للأعمال لاحقاً .
هذا كل شيء حتى الآن . أتمنى أن استطيع تقديم الجديد و المفيد .