السلايدر التقني بنسختيه العادية والتلقائية

التنسيق التقني من اكثر التنسيقات المطلوبة والمستخدمه في المدونات ودائما ما يطلبها المدونين ويسعون لتركيبها وهناك العديد من النسخ من هذا السلايدر لكن احببت ان اضيف نسخ ثابته لا تتوقف ولا تثقل المدونة لهذا قمت بجعل التنسيق على بنية اثنين من السلايدرات الممتازة والمجربة لضمان جودة وفعالية التنسيق عليها وتم جعل السلايدر متاح بنسختين

العادية التلقائية

الفرق بين النسختين

الاولى العادية : وهي التي يمكنك اختيار الصور والروابط فيها بشكل يدوي

وهذا يجعلك تتحكم بخصائصها بشكل أكبر

الثانية تلقائية : تأتي بالمواضيع تلقائياً من المدونة من القسم الذي تريده

لكن هذه تحتاج ان تكون مواضيع مدونتك الصور بها بحجم كبير وواضحه حتى تظهر بشكل جيد ولا تبدو مشوهه

سنبدأ أولا مع النسخة العادية وهي مشتقة من هذا السلايدر

تركيبها سهل أضف الكود التالي في آداة HTML/JavaScript

#">i#" alt="عنوان الموضوع"/>

التنسيق

الرقم  620 هو عرض السلايدر عدله في المرتين
الرقم 350 هو الإرتفاع عدله أيضاً في المرتين
هذا #1980E6 هو لون السلايدر النشط

الإستخدام

استبدل i# برابط الصورة بالمقاس المناسب الذي اخترته لعرض وارتفاع السلايدر
استبدل رمز # بالرابط الذي تريده ان يظهر عند الضغط على الصورة
اما كلمة عنوان الموضوع استبدلها بعنوان مناسب
انت لديك 7 سطور كل سطر يساوي صورة في السلايدر , يمكنك الحذف او يمكنك تكرار الكود البني لتحصل على صور جديدة
في حالة الزيادة او النقصان شريط التنقل السفلي لن يكون مظهره مضبوط لذلك عدل الرقم 87
ان زدت الصور قم بتقليل الرقم حتى تصغر مساحة ازرار التنقل وتستوعب الصور الجديدة دون تشوه
اما ان قللت عدد الصور زد الرقم حتى تتسع الازرار وتكون بمظهر مناسب

ثانياً النسخة التلقائية وهي مشتقة من هذا السلايدر

لتركيبه نفذ نفس خطواط التركيب الموجوده في الموضوع الأصلي ما عدا الخطوة الأخيرة وهي كود التنسيق الذي يضاف فوق الوسم ]]>

استبدله بالكود التالي

body#layout #featured {display: none;}
#featured {
  background:#222;
  height: 350px;
  padding: 20px 20px 28px;
  width: 620px;
}
.sliderwrapper .contentdiv{position: absolute;visibility: hidden;}
.sliderPostPhoto img {
  float: right;
  height: 350px;
  margin: 0;
  width: 620px;
}
.featuredPost {
  background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYFXgKiRsF3Z2eHahp0jl3fR-pO8mj_yLjLUT0_OmEHjPxwpQ4AXH-k_mKLBtzBW8_YXIkjnItGj8GE7pChCsMz4VWaTSL0hyXAQP-Wg9YHe6RyXhbXXWJXp6QpWrGb6PU6qc4LhyKmFM/s28/backslide.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
  color: #e2e2e2;
  float: right;
  height: 130px;
  margin-top: 219px;
  overflow: hidden;
  padding: 0 10px;
  position: absolute;
  width: 600px;
}
.featuredPost h2 { margin: 0 0 5px;  padding: 0;}
.featuredPost a {
  color: #fff;
  font: bold 18px tahoma;
  text-decoration: none;
}
.featuredPost a:hover {color:#bbb;}
.featuredPost span { font: 15px serif;}
.prev, .next {display: none;}
.featuredPost p {
  font: 15px/1.4em tahoma;
  margin: 5px 0 0;
}
.pagination {
  margin-top: 350px;
  position: absolute;
  z-index: 99;
}
.pagination .toc {
  background:#ccc;
  display: block;
  float: right;
  font-size: 0;
  height: 9px;
  margin-left: 1px;
  width: 87px;
}
.pagination .toc.selected { background:#1980e6;}

التنسيق

هناك ثلاث أرقام باللون الأحمر هي عرض السلايدر يجب ان تزيدهم بنفس القدر ان غيرت العرض يعني ان زدت واحد 10 تزيد البقية مثله
هناك أربع أرقام باللون الازرق هي ارتفاع السلايدر ايضاً تزيدها بنفس القدر
الرقم 87 عندما تركب المراحل في الموضوع الاصلي ستجعل عدد المواضيع 7 لكي يكون السلايدر مضبوط لكن لو اردت الزيادة
قم بتقليل الرقم 87 بحيث تظهر ازرار التنقل بشكل مناسب وتستوعب مكان المواضيع الزائدة دون تشوه
اما لو اردت مواضيع أقل من 7 فزد الرقم 87 بحيث تتسع المساحة الخاصة بالأزرار ولا يوجد فراغ
وهذا #1980e6 هو لون السلايد النشط
واى سؤال او استفسار حول السلايدر أضفه في تعليق
تحياتي

Camel coat

                                                                                               CLICK TO SEE MORE

                                                                                                   sneakers: adidas,
                                                                                                   leggings: zara,
                                                                                                   t-shirt: h&m,
                                                                                                   coat: zara,
                                                                                                   bag: koton,
                                                                                                   sunglasses: ray ban,
                                                                                                   watch: michael kors,
                                                                                                   ph. Maja

 Throw a blanket, pick your favorite fall sneakers and you are ready to go! ;)
                                                                                                                                                                                                  

NUSA DUA

As I said in my post about The Balé it was my first time staying in Nusa Dua, so I definitely wanted to take advantage of the amazing surroundings. Our first activity was a whole bunch of water sports! We went jet skiing, took a crazy trip on a 'flying fish' and also parasailing - which you will be able to see more of when I upload my gopro footage on my youtube channel - spindizzyfall. Next we were off to Finn's Beach Club for some cocktails & chill time. We had a serious 'yolo' moment and decided to eat at the St Regis for dinner. The grounds of the St Regis was a rainforest and we were whizzed over to the restaurant in a golf buggy when we arrived. We ordered a main of chicken and a main of lamb and shared (obviously the best way to try more than one thing in a place like that) - both plates complete with micro veggies and foam! It took us so long to finish our huge cocktails after dinner that we ended up being the last ones there. It was quite an experience. 

emma

VIDEO: Istanbul

I know I've already past my Europe posts but I had to share my Istanbul videos with you guys! The first is a collection of snippets from our time exploring the city - including the Sultan Ahmed Mosque, Hagia Sophia, The Grand Bazaar, The Spice Bazaar and a boat ride of the Bosphorus. The second is a special video from our tour of the Mavi Jeans factory! Hope you like them. Make sure you subscribe to my youtube channel too - spindizzyfall. 

emma

Belted coat

                                                                                                 CLICK TO SEE MORE

                                                                                               boots: isabel marant pour h&m,
                                                                                               jeans: mango,
                                                                                               shirt: mango,
                                                                                               coat: zara,
                                                                                               bag: michael kors,
                                                                                               bracelet: h&m,
                                                                                               watch: michael kors,
                                                                                               ph. Masa


Belted coat, skinny jeans and suede flat boots. Simple as that!
Hope you will like it!

THE BALÉ

Can you really blame me for jetting off again so soon after Europe when I was welcomed into a paradise such as this place?! I travelled to Bali with my pal Bree over the past few weeks and our first stop was The Balé in Nusa Dua. Belive it or note, it was actually my 7th trip to Bali but I still had a few 'firsts' on this trip. I had visited Nusa Dua before but never stayed there and I quickly learnt that when staying there is was all about luxury. Mostly because all you want to do is hang around in the resort - who wouldn't when it's as amazing as The Balé? It has all the pros of a luxury resort; a personal butler, private swimming pool complete with daybed, two showers, divine room service...but something we loved the most was that it was a kid-free-zone! Oh the serenity. Thanks to The Balé & Lifestyle Retreats team for having us!

emma

Basics

                                                                                             CLICK TO SEE MORE

                                                                                                 shoes: zara,
                                                                                                 jeans: zara,
                                                                                                 shirt: mango,
                                                                                                 bracelets and ring: lovely,
                                                                                                 watch: michael kors,
                                                                                                 ph. Olja



After short but sweet trip to Frankfurt (post will be online during the week), I'm back to my blog again! :)
These photos were made couple days ago and I was wearing crispy white shirt, black ripped jeans and high heels. Simple as that!
Now I'm off to reply to all of your questions/comments and emails!
Happy Monday!

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

أولا الأكواد

اسم الكاتب

تاريخ النشر

الأقسام أو التسميات

,

التعليقات

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

لو اردت اضافتهم تحت عنوان الموضوع اضفهم تحت الكود التالي

وان اردتهم في نهاية الموضوع اضفهم تحت الكود التالي

لكن هناك توضيحين

الاول هو الكود الاحمر المكرر في الثلاث أكواد الاولى

هذا يخص الكلمة التي تظهر بجانبه

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

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

أما الثاني هو الجزء الأخضر هذا سنسميه المعرف class

وسنتعرف على استخدامه في الجزء التالي وهو

التنسيق

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

كل ما عليك هو ان تضيف الكود التالي فوق الوسم ]]>

.class {
  background-image: url("#");
  background-position: right 1px;
  background-repeat: no-repeat;
  padding-right: 20px;
  float:right;
}

استبدل المعرف class بمعرف الجزء الذي تريد تنسيق يمكنك تكرار الأمر ان كنت تريد وضع اكثر من كود
رمز # استبدله برابط أيقونة ويمكنك ان تجد أيقونات كثيرة بالبحث في جوجل
الكلمة right معناها ان تلك الأيقونة ستكون ناحية اليمين اما الرقم 1 ستكون الأيقونة مبتعده بنسبة 1 بيكسل من الأعلى يمكنك زيادته او حتى جعلها بالسالب -1  بحسب الأيقونة لديك وكيف سيكون مظهرها بجانب الكود
الرقم 20 هو مدى بعد الكود من الأيقونة توضيح لو ستستخدم ايقونة بمقاس 16x16 معناه ان عرض تلك الأيقونة 16 بيكسل هنا لو لم نضع مسافة فراغ ستكون الكلمة مثلا لو اسم الكاتب سيكون ظاهر فوق الأيقونة وليس جانبها نحتاج لعمل فراغ حتى يكون بجانبها والرقم 20 هو هذا الفراغ يمكنك زيادته او انقاصه بحسب حجم الايقونة لاتي ستستخدمها
الكلمة right تحدد اتجاه الاكواد مثلا لو نريد اضافة الأقسام واسم الكاتب ناحية اليمين سنستخدمها كما هي
ومثلا لو اردنا التعليقات ناحية اليسار سنستخدم مع معرف التعليقات بدلا منها كلمة left
وهذا مثال ناتج من تطبيق الدرس والتنسيق

وبالتوفيق

Beauty routine

                                                                                                CLICK TO SEE MORE
Here's a little update on my beauty routine (old post here) and everything that I discovered in last couple of months.
This post could be easily titled as "french pharmacy skincare products" but I will use that name later on the blog when I complete my collection!
You've been asking me a lot about my facial routine and that's the main reason why I decided to create a totally new post cause I changed almost everything about it.
When I discover Lisa Eldridge and her videos, I've became almost obsessed with her rituals and skin look, cause she looks gorgeous. So, I started to watch her videos, absorb every single word and using her advices.
What I've learn so far is that the most important things are:
- cleansing
- facial massage and
- SPF if you want to make your skin glow and prevent from aging without using too many anti aging products or night creme.
She convinced me with her own example and that's why I became hooked on her videos and skincare philosophy and if you check even one, you will see why!
These are the products that are currently working for me and I'm still testing and combining them cause I want to find that perfect match!

Bioderma Crealine or Sensibio H20
This is the Rolls Royce of make up removers and you will find it in every make up kit of famous artists. It's perfume-free and the lightweight, non-greasy texture means you don’t really need to cleanse afterward.
Would I buy it again: yes, yes and yes! Already start stocking up on this cause it's the best thing I have ever tried!

La Roche-Posay Physiological Micellar Solution
Non-irritating micellar solution perfect for even the most sensitive skin.
Would I buy it again: not so sure! I bought this in 1+1 package, and I wanted to try it cause the price was more than good for two bottles, but it's not even close to Bioderma's Sensibio H20. It wipes off make up, but it can't remove mascara so good. The only plus is that is better than similar products from drugstore (for example like Garnier)

Avène extremely gentle cleanser lotion
Gentle no-rinse cleanser formulated with minimal ingredients for maximum tolerance.
Would I buy it again: no! My intention with this cleanser was to use it right after the Bioderma micellar solution and to do a little facial massage with it. It's not suitable for that, but that's my mistake, I should pick some facial oil or balsam. Also it has strange smell despite the fact that is fragrance free! this is an extremely gentle cleanser and I would definitely recommend for those who are having extremely sensitive or irritated skin but it didn't match with my taste.

Avène Thermal Water
French women prefer not to wash their face with water, as they believe the calcite in the tap water is bad for  their skin. I can't get used to this fact yet, but I'm using it as a mist to refresh or to wipe off any excess cleanser.
Would I buy it again: yes, cause it's really refreshing!
 
Bioderma Sébium purifying cleansing foaming gel
Formulated with non-irritant substances, Sébium Foaming gel cleanses gently.
Would I buy it again: maybe! There are so many cleansing gels and I would love to try something else cause I believe that I can provide better feeling on your skin. I would describe this one as boring.

La Roche-Posay purifying foaming gel for oily sensitive skin
Effaclar Gel gently purifies the skin thanks to cleansing agents selected to respect sensitive skin.
Would I buy it again: maybe! I bought this one in package with Effeclar duo for a reasonable price and I wanted to test it. I've tried it only a two times until now so I will update you about this product set.

Avène gentle purifying scrub
It has been specially formulated to cleanse sensitive skin in depth by gently eliminating all impurities.
Would I buy it again: yes! I love this product! Before this one I was using two from The Body shop (Vitamin E scrub and Seaweed scrub, both are great) and I think it's on top of my list currently!

Avène soothing moisture mask
A hydrating face mask for sensitive skin that hydrates, restores the protective barrier of the skin, and minimizes redness.
Would I buy it again: yes! This gentle mask stays moist the entire time while it's on the skin and I really love the feeling after (you can remove it after 10 minutes or leave the skin to absorb). Skin is extremely soft without uncomfortable post-mask tightness!

La Roche-Posay Effeclar duo, corrective unclogging care anti-imperfections 
It is one of the major bestsellers of the brand, product that combines ingredients to act on the skin with imperfections.
Would I buy it again: maybe! I bought this one in package with Effeclar gel for a reasonable price and I wanted to test it. I've tried it only a two times until now so I will update you about this product set when I finish with other cream.

Bioderma Sébium Intensive care 
Speeds up the elimination of spots and blackheads and prevents them reappearing.
Would I buy it again: maybe! It has lightweight texture and it absorbs into the skin almost immediately without leaving any white residue or feeling greasy. But I'm not sure if it helps my skin or not. I'm still having a breakouts. It will remain a mystery!

Avène Light hydrating cream SPF20
 A hydrating moisturizer to protect the skin from daily aggressions and help prevent skin ageing caused by the sun.
Would I buy it again: yes! I use it before the foundation. The scent is so gentle and the texture is light which absorbs into the skin immediately leaving my skin feeling hydrated and soft all day. But I get an oily t zone as the day goes on.

Bioderma Cicabio soothing repairing cream
Protect and soothe damaged skin.
Would I buy it again:  maybe! Sometimes I use it on spots or breakouts, it also helped me with irritated skin. I saw that Avène and La Roche-Posay have similar product so I would try them too.

Bioderma Sensibio Eye contour gel
It instantly soothes feelings of discomfort and irritation.
Would I buy it again: no! I like the feeling on my skin, but it doesn't do anything or I haven't noticed.

  
Bi-Oil PurCellin Oil
Bio‑Oil is a specialist skincare oil that helps improve the appearance of scars, stretch marks and uneven skin tone. It is also effective for aging and dehydrated skin.
Would I buy it again: yes! I'm using it under my eyes to hydrate my skin and prevent wrinkles. I think I will purchase bigger package next time and try it with my stretch marks too!

Eucerin Lip Aktiv
The caring lipstick cares and protects rough, cracked lips fast
Would I buy it again: yes! This is one of my favorite lip products that can help me in a day! I'm more than lazy when it comes to lip care so my lips are often dry and this is my instant solution!

And that's pretty much it for now! :)
I would love to hear more about your beauty routine, any secret, tips&tricks of if you have any question about these products I'm here!

p.s.- none of these products were sent to me by brands I purchase them in last couple of months
      - if they did I would be glad to mention that, cause it wouldn't affect my opinion about the product in any way

High-slit skirt

                                                                                             CLICK TO SEE MORE

                                                                                               shoes: zara,
                                                                                               skirt: zara,
                                                                                               bag: koton,
                                                                                               sweater: zara,
                                                                                               watch: michael kors,
                                                                                               ph. Masa

The slit is back so prepare your Angie leg for it!
Choose midi length, mix it with some knitted top or white shirt and you are ready to go!