الخميس، 9 أكتوبر، 2008

تصميم قديم جديد

كما ترون تغير تصميم المدونة، وأصبحت مثل مدونتي السابقة! لماذا فعلت ذلك؟ لأنني أستطيع! ولأنني أريد تغيير التصميم السابق الذي كان بلا طعم إلى شيء يميز المدونة أكثر ويناسبني، وتصميم مدونتي السابق في الحقيقة مريح جداً لي وكما أعرف من تعليقات بعض الزوار ورسائلهم فهو مريح أيضاً لهم، فلا يحوي التصميم إلا على الأساسيات والنص منسق بشكل جيد.

لا زلت بحاجة لإضافة بعض التعديلات هنا وهناك، وأنا لم أختبر التصميم إلا على فايرفوكس، إذا لم يظهر التصميم لديك بشكل جيد في إكسبلورر "6" فلا تخبرني بذلك لأنني لن أقضي أي وقت في محاولة دعم هذا المتصفح القديم، أما إن كنت تواجه مشكلة في أي متصفح آخر فأخبرني.

ولا زلت كذلك أتعلم ببطئ كيفية تعديل قوالب بلوجر، الأمر بحاجة لكثير من القراءة والتجربة لذلك أنشات مدونة جديدة لا يمكن لأحد زيارتها وبدأت أجرب فيها هذا الصباح إلى أن وصلت إلى هذا التصميم، الجميل أنني بدأت أعيد تمرين نفسي على CSS بعد ما انقطعت عن عالم تصميم المواقع لفترة طويلة.

24 تعليقات:

عبد الرحمن المسيعد يقول...

كنت في غاية الاستغراب لمظهر مدونتك، فهي لا تليق بشخص مثلك. ولكن قلت لنفسي: ربما هذا آخر ما توصل إليه إبداعه.. لعلها تقليعه جديدة فيعالم التصميم لا نعرفها نحن الأشخاص العاديون.

لقد رسمت لك صورة في ذهني من خلال مدونتك "سردال" وعجزت على أن أستسيغ مدونتك الجديدة، التي كانت "فوضى" بكل ما تعنيه الكلمة.

أهنئك على هذا الجو الجميل. وإن كنت أنوي أن أضع مدونتي صفحة بيضاء، ولكن الآن لن أفعل، حتى لا أجد نفسي مقلداً.

إبداعك لا يتوقف، وجديدك لا ينتهي.
تقبل تحياتي

هيثم المهدي يقول...

ممتاز .. أحسنت صنعاً يا عبد الله ..

هل تريد مني إضافة ملاحظة ؟

إن قبلت فقم بتغيير نوع خط عنوان التدوينة إلى Arial >.. ستكون إضافة جميلة .

مكتوم يقول...

يشابه تصميم الووردبريس القديم حقاً.

الآن نستطيع القراءة براحة :) .

عمرو فهمي يقول...

السلام عليكم

هذا التغير خطوة جميلة وأعادت لنا ذكري مدونتك السابقة، وان كانت افتقد خاصية البحث فى هذا التصميم الجديد
و للتنويه فقط.. استعمل المتصفح سفاري والمدونة تظهر بشكل واضح وسليم عليه، وأطمأنك انه لا توجد مشاكل فى هذا التصميم مع IE6

NabeeL يقول...

أنا أفضل التصاميم الخفيفة والمرتبة بشكل أنيق.

لذا تجد مدونتي الشخصية ذات تصميم بسيط ولكن أنيق ( على الأقل في نظري )

سلامة يقول...

ما شاء الله ، التصميم متوافق مع الثلاث المتصفحات [ الفايرفوكس والإكسبلورر والكروم ] بالتوفيق أخي عبدالله ..

البراك يقول...

خطوة موفقة اخ عبدالله ، كنت في زيارة للمدونة عن طريق احد مواضيعك الرائعة التي كنت قد وضعتها في المفضلة لأتفاجأ بالتصميم الجديد والمريح ، حقيقة اول من نظرة كنت اعتقد انني في مدونة سردال لكن عندما تذكرت ام الموضوع من مدونتك الشخصية اعدت النظر مرة اخرى وتأكدت انك قمت بتعديل التصميم السابق لمدونتك ..

مفاجأة رائعة بالتأكيد للجميع :) ..

عبدالله المهيري يقول...

عبد الرحمن: هناك بعض التعبيرات يجب ألا تستخدم، كأن تقول "نحن الأشخاص العاديون" لأنها تجعلني أظن أنك تظنني شخصاً غير عادي بينما لا فرق بيني وبين الآخرين، لعلي تعلم وجربت وأخطأت واكتسبت بعض الخبرة، هذا لا يجعلني "غير عادي" ولا خارقاً ولا أي شيء آخر.

أما تصميم مدونتي السابق فهو تصميم جاهز أخذته وعدلت حجم الخط، هذا كل شيء، لم يكن لدي وقت لتعديل التصميم بسرعة، أما الفوضى فهي ما أراه في مدونات أخرى حيث كل شيء في كل مكان وأحجام وألوان مختلفة للخط، التصميم السابق لم يكن سيئاً إلى هذا الحد، أكثر ما يمكن أن أقول عنه أنه كان بلا طعم، تصميم عادي، لكن ليس فوضوي.

ولتكن مدونتك صفحة بيضاء وإن اتهمك أحد بالتقليد فأرسله لي لأتفاهم معه، ثم إذا كان تحويل التصميم لصفحة بيضاء يعني تقليداً فأنا أقلد مئات المواقع أيضاً وكل موقع يقلد مئات المواقع الأخرى، هذا ليس بمنطقي، افعل ما يعجبك ولا تهتم بكلام الناس.

هيثم المهدي: الخط في السابق كان Arial كما أظن وهو خط لا يعجبني، Tahoma بالنسبة لي هو أفضل خط يمكن قراءته على الشاشة.

مكتوم: أشكرك :-)

عمرو فهمي: خاصية البحث لم تكن موجودة في التصميم القديم، فهل كان هناك محرك بحث في التصميم القديم وأنا لا أدري :-)

أشكرك على اختبار المتصفحين.

نبيل: أتمنى لو تضع عنوان مدونتك بدلاً من ملفك الشخصي في بلوغر لأنني لا أستطيع الاطلاع على ملفك الشخصي ولا أستطيع معرفة عنوان موقعك.

سلامة: بارك الله فيك.

البراك: الأمر مفاجأة لي أيضاً لأنني كنت أتدرب فقط وخلال 10 دقائق أصبح لدي أساس تصميم ومع مزيد من التعديلات ومزيد من الوقت أصبح لدي تصميم مدونتي السابق! لم لا أضعه؟ وقد فعلت وأعلم أنه سيكون مناسباً أكثر من التصميم القديم.

لم يكن الأمر مخططاً له بأي شكل، بارك الله فيك :-)

غير معرف يقول...

ما الفكرة من الفراغ على الجانبين بالمناسبة ؟
في رأيي ان الافضل هو استخدام عرض الصفحة بالكامل مع خط اكبر ، طالما لاتوجد اعمدة جانبية و الغرض جعل القراءة مريحة اكثر !

ايمن عبد الحميد يقول...

حقيقة هذا التصميم اعاد الى ذهني سردال 'الذي اشتقنا اليه' و لكن بتغيير جميل و فريد 'الفوتر'
تهاني و ارجوا لك دوام التميز و بلغ تحياتي الى الاخ سردال

Flash يقول...

خطوه موفقه انتظرناه منذ زمن ..
عبد الله أتمنا لك التوفيق أينما حللت ،،

:)

ca2oom يقول...

كنت أتمنى أن أدون منذ البداية من خلال مدوّنات blogger فمن أكثر الأشياء التى أحبها وأقدرها فيها هي إمكانية تخصيص القالب.. ويدرك ذلك جيداً من يدون مثلي من خلال wordpress المجاني الكثير القيود، فكل ما يتوفر لك للتخصيص هو تعديل CSS للقالب فقط دون تحرير HTML، وحتى هذا غير مجاني ولكن نظير مقابل مادي والتجديد سنوياً.


وبعد أن جربت بالفعل ورقيت حسابي هناك حتى أعدل CSS للقالب الإفتراضي، قمت بالتعديل ولكن مع ذلك وجدت أن هناك شئ ما مفقود ولم أحصل على النتيجة المرجوه، غير طبعاً عائق التجديد السنوي وإلا راحت تعديلاتك.

كل التوفيق استاذ عبد الله، أنا أتصفح من خلال Opera حالياً والتصميم يظهر بشكل ممتاز عليه.

Lm4web Group يقول...

ممتاز وأكثر من رائع وأنا أرى تصميم المدونة القديمة العزيزة على قلبي في المدونة الجديدة الذي لا أدخلها أبدا مباشرة لاعتراضي صراحة على ترك هذا الصرح الكبير "سردال" ولابد أولاً أن أدخل إلى المدونة القديمة ومن الرابط الموجود في التدونية قبل الأخيرة أدخل إلى هنا وأرفض تماما حفظ عنوان المدونة هذه في مفضلتي أو الدخول إليها مباشرة بالتوفيق ان شاء الله أخي "سردال" :)

ابو خالد يقول...

:D
جميل هذا التصميم ... وهو مريح للقراءة ... وإن كان بودّي ان تجد حلاً لتمييز الردود عن بعضها حتى يسهل قراءتها..

اتمنى لك التوفيق.. متابع لك

أحمد المهدى يقول...

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

على فكرة التصميم يعمل على IE7 بشكل جيد جدا

محمد يقول...

رائع :-) لا يزال أفضل تصميم أراه شخصيا في عالم المدونات. لا يوجد شيء ينافس البساطة.

مدون يقول...

رائع ياعبدالله !

ذكرتني بالمقولة اللي تقول " البساطة هي منتهى الإتقان و التعقيد"

تصميم جميل رسمي والأهم مريح نفسيا ياليت المنتديات العربية يتعلمون منك اللي كلما زاد لون كلما اعتبروا الشكل وكلما اضافوا صور وزخارف كلما اعتقدوا ان الشكل أصبح متقن !!!!

عبدالله المهيري يقول...

غير معرف: الفارغ ضروري لراحة العين، شخصياً لا أرتاح عندما أقرأ صفحة بدون فراغات كافية.

ايمن عبد الحميد: شكراً.

فلاش: بارك الله فيك.

ca2oom: بلوغر مملوك لشركة غوغل وهذه تستطيع أن تقدم الخدمة كاملة مجاناً لأن أرباحها تأتي من الإعلانات، وكثير من مدونات بلوغر تستخدم هذه الإعلانات، وورد بريس من ناحية شركة خاصة صغيرة وبحاجة للربح لذلك يقدمون بعض الخدمات مقابل مبلغ، وأشكرك على التنبيه بخصوص أوبرا، أحد أفضل المتصفحات وأكثرها كفاءة .. يعجبني.

Lm4web Group: مدونة سردال "انتهت" بالنسبة لي فهي جزء من الماضي، لا أستطيع حتى أن أفتخر بها، أستغرب حقاً من تمسك الناس بشيء مثل مدونة، سردال أدت وظيفتها بالنسبة لي وانتهى دورها، الآن أفكر في شيء أكثر أهمية بالنسبة لي وفي رأيي سيكون أكثر أهمية "لموقع" سردال لكنها لن تعود كما كانت وتذكر: ... لا تقف هنا طويلاً، العالم يتحرك.

ابو خالد: سأرى ماذا يمكن فعله بخصوص الردود.

أحمد المهدي: هناك فرق في المحتويات، ما أكتبه هنا ليس بجودة ما كنت أكتبه في سردال.

محمد: بارك الله فيك :-)

مدون: البساطة ليست سهلة وبعض الناس لا يفهمها، أما المنتديات فلها قصة أخرى ويطول الحديث عنها، يمكننا تغيير هذا الواقع خطوة خطوة.

Anas Emad يقول...

سبقتك بهذه الخطوة منذ زمن و لكني مازلت اعاني

رابط مدونتي
http://www.anaas.blogspot.com/

و رابط المدونة التي انشئتها للتجارب
http://islamicboooy.blogspot.com/
حيث في هذه المدونة قمت بمسح كل الاكواد التي اعتقد انها بلا أي أهمية و بدأت اضيف و اعدل في اكواد السي اس اس و الاتش تي ام ال

و طبعا اقوم بذلك في القوالب الكلاسيك للمدونة
و التعديل في قالب المدونة

جعل هذه الجملة تختفي من عندي (تدوينات سابقة - تدوينات لاحقة ) و لم استطع اضافتها ؟ فهل استطعت انت

و بخصوص شريط البلوجر الذي بالأعلي .. فالبلوجر يستضيفني و يستضيف مواضيعي وصوري و رابط المدونة و زواري و كل ذلك مجانا ليس كثيرا ان اترك الشريط بالاعلي
خصوصا ان به مربع البحث الذي سأل عنه بعض الاخوة بالاعلي و يمكن لاي شخص انشاء مدونة من الشريط اوتسجيل الدخول منه ..
تعلمت من المصادرالحرة ردالجميل :)



اه صحيح بخصوص تصميمك : جميل جدا و بسيط و ان اعاد للاخرين ذكريات مدونتك السابقة :)
مارأيك لو جربت الوان اخري في اعلي الموقع مكان الازرق مكان هذه الصورة .. http://lh6.ggpht.com/serdal/SO2Zu3iVHaI/AAAAAAAAAts/L2qaxxxGziY/fade.gif
صورة اخري .. بنفس التدرج اللوني .. لكن لون اخر
كنوع من التجديد

كيف استطعت تغيير شكل صفحة التعليق ؟

بانتظار مقالك القادك

عبدالله المهيري يقول...

أنس: لم أضف "تدوينات سابقة - لاحقة" بل كانت موجودة ولم أعبث بها، أما الشريط العلوي، فقد قرأت اتفاقية المستخدم ولم أجد أي شيء ضد إزالة الشريط، ورأيت مدونات عربية وأجنبية تتبع نفس الأسلوب، أفضل أن يكون موقعي بدونه لتصميم أبسط وأكثر نظافة وأن أكون أنانياً هنا :-)

بخصوص الألوان الأخرى، الأزرق لا بديل له بالنسبة لي، أكثر لون وجدته مريحاً ومناسباً للتصميم، أما صفحة التعليقات فلم أفعل فيها أي شيء، بمجرد تغيير التصميم تغيرت.

أسامة يقول...

بما أنك اخترت نفس التصميم.. و المحتوى تقريبا لم يتغير عن .. فلماذا لا تعود إلى مدونتك القديمة!

يعني ليه المرمطة دي كلها يا عبدالله؟:)

أبو حازم يقول...

أؤيد أسامة .. فحتى أنا لا أفهم الفائدة من ترك دومين مشهور والانتقال إلى هذا العنوان!

بالنسبة للتصميم فكان التصميم السابق جيد وأفضل من ناحية كبر الخط ووضوحه أكثر من خط تاهوما الصغير الرفيع المزعج وغير القياسي.

لكن لم يكن الخط منضبطا (justified) كما هو الحال الآن.

عبدالله المهيري يقول...

أشعر بالإهانة عندم تقولون بأن المحتوى نفسه أو لم يتغير :-)

في "سردال" كنت أتعب لكتابة أي موضوع، أدقق فيه حتى الملل وأتأكد من كل شيء، في هذه المدونة لا أفعل ذلك، جودة المواضيع أقل هنا.

أبو حازم: تاهوما "غير قياسي"؟ لم أفهم هذه، ما هي الخطوط القياسية إن لم يكن تاهوما أحدها؟ خط تاهوما هو الأوضح لي لذلك أستخدمه.

أبو حازم يقول...

نعم ليس قياسيا في الشركات، والمؤسسات الرسمية، ودور النشر المحترمة.
كما إن قراءة نصوص طويلة به مرهقة للعين جدا، حتى بعد تكبيره، وسيبدو حينها أكثر قبحا.