كيف يمكنني استخدام CSS (العنصر الوحيد الذي يمكنني الوصول إليه) لتخصيص HTML الثابت على موقع ويب يستخدم لنقل فئة محددة إلى موضع أعلى في الصفحة؟


الاجابه 1:

كما ذكر آخرون ، هناك عدد قليل من الطرق التي يمكنك من خلالها القيام بذلك ، حتى إذا كانت هذه الطرق قذرة.

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

يستخدم الحل الموصى به CSS3

العرض: فليكس

ميزة و

طلب

خاصية.

لقد حصلت على كل شيء للعمل في CSSDeck. يمكنك رؤية الرمز هنا:

إعادة ترتيب المحتوى باستخدام CSS3

من أجل الحصول عليها على Quora ، قد يبدو HTML الخاص بك كما يلي:

  1. أول ثانيا الثالث الرابع

سيبدو CSS الخاص بك كما يلي:

  1. #example {display: -webkit-flex؛ / * Safari * / -webkit-flex-direction: عمود ؛ / * Safari 6.1+ * / display: flex؛ flex-direction: عمود ؛} div> div {padding: 15px؛ الهامش: 5 بكسل ؛ الحد: 1 بكسل منقط ؛} # block-1 {الترتيب: 1 ؛ -webkit-order: 1؛} # block-2 {order: 3؛ -Webkit-order: 3 ؛ } # block-3 {الترتيب: 2 ؛ -webkit-order: 2 ؛ } # block-4 {الترتيب: 4 ؛ -Webkit-order: 4 ؛ }}

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

لدى W3Schools توثيق لائق لهذه الميزة هنا:

خاصية طلب CSS

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

  1. أول ثانيا الثالث الرابع

بدون عناصر ارتفاع ثابتة وعمل الهامش / تحديد الموضع ، يكون خيارك الوحيد هو تعديل السمة أو استخدام JavaScript للتنقل بين العناصر.


الاجابه 2:

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

هل لديك حق الوصول إلى لوحة إدارة WordPress؟ هل لديها خيارات السمة؟ على صفحات القوائم هل هناك تخطيطات مختلفة يمكنك الاختيار من بينها؟

وفقًا لموقع الويب الخاص بالموضوع ،

بليموث

يبدو قويًا جدًا ولكن يبدو أن الأمثلة التي يظهرونها لها نفس التصميم العام. قد يكون ذلك بسبب الطريقة التي يستوردون بها المحتوى.

في عالم مثالي ، يمكنك إنشاء مظهر فرعي وتحرير ملف single.php ، ولكن نظرًا لأنه لا يمكنك الاطلاع على وثائق السمة لمعرفة ما إذا كانت قد وفرت خيارات تخطيط أخرى.

حظا سعيدا.


الاجابه 3:

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

ألق نظرة على الصندوق المرن: http://css-tricks.com/snippets/css/a-guide-to-flexbox. باستخدام هذا قد تتمكن من تحقيق ما تريده بشكل صحيح. ومع ذلك ، ضع في اعتبارك أن Flexbox لا يزال يعاني من مشكلات دعم المتصفح ولا يتطلب فقط بادئات البائعين ولكن أيضًا أسماء مختلفة.


الاجابه 4:

ها أنت ذا.

  1. .hentry {الوظيفة: قريب ؛ top: -300px؛}. المجمع {overflow: visual؛} / * # main_content {overflow: visual؛} * /. property-details-info {top: 150px؛ الموضع: نسبي ؛}. الموقع {// display: none؛ // أو يمكنك إصلاحه في أسفل الصفحة}

متشعب:

http://jsfiddle.net/rohithzr/zkkjdsfn/2/

تحرير: ثابت .الموقع الثابت لمسافات محدثة url