[ سؤال ] تغير مكان ايقونات التواصل الاجتماعي

تم تحميل الصفحة في 0,1101300 ثانية
تغير مكان ايقونات التواصل الاجتماعي
إنضم
7 ديسمبر 2018
المشاركات
45
الإعجابات
32
النقاط
18
العمر
29
السلام عليكم

عندي استفسار بخصوص مكان الايقونات داخل موقع HTML

HTML:
<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Spark Thought</title>
        <link href="page.css" rel="stylesheet" type="text/css">
    <style type="text/css">
body {
    background-image: url(Website/webiste.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-size:100% 100vh;
}
    </style>
    </head>

<body background="Website/webiste.jpg">
<img src="sparkthought-01.png" width="350" height="150" alt=""/>
</body>
    
    <!-- Add icon library -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

<!-- Add font awesome icons -->
<a href="#" class="fa fa-facebook"></a>
<a href="#" class="fa fa-instagram"></a>
<a href="#" class="fa fa-twitter"></a>
<a href="#" class="fa fa-linkedin"></a>



CSS:
@charset "utf-8";






.fa {
  padding: 20px;
  font-size: 30px;
  width: 20px;
  text-align: center;
  text-decoration: none;
  border-radius: 50%;
}

.fa-facebook {
  background: #3B5998;
  color: white;
}

/* Twitter */
.fa-twitter {
  background: #55ACEE;
  color: white;
}

.fa-instagram {
  background: #3B5998;
  color: white;
}

.fa-linkedin {
  background: #3B5998;
  color: white;
}





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


لم اجد طريقه حتى اغير مكان الايقونات

شكرا
 

altentof

Beginner Developer
rank
إنضم
19 فبراير 2019
المشاركات
2
الإعجابات
1
النقاط
1
الإقامة
ksa
جرب ال فلووت
float

The CSS float property specifies how an element should float.

The CSS clear property specifies what elements can float beside the cleared element and on which side.

The float Property
The float property is used for positioning and formatting content e.g. let an image float left to the text in a container.

The float property can have one of the following values:

  • left - The element floats to the left of its container
  • right- The element floats to the right of its container
  • none - The element does not float (will be displayed just where it occurs in the text). This is default
  • inherit - The element inherits the float value of its parent
In its simplest use, the float property can be used to wrap text around images.

img {
float: right;
}
CSS Layout - float and clear
 
إنضم
7 ديسمبر 2018
المشاركات
45
الإعجابات
32
النقاط
18
العمر
29
جرب ال فلووت
float

The CSS float property specifies how an element should float.

The CSS clear property specifies what elements can float beside the cleared element and on which side.

The float Property
The float property is used for positioning and formatting content e.g. let an image float left to the text in a container.

The float property can have one of the following values:

  • left - The element floats to the left of its container
  • right- The element floats to the right of its container
  • none - The element does not float (will be displayed just where it occurs in the text). This is default
  • inherit - The element inherits the float value of its parent
In its simplest use, the float property can be used to wrap text around images.

img {
float: right;
}
CSS Layout - float and clear

اليوم اجرب
 

الأعضاء النشطين حاليآ الذين يشاهدون هذا الموضوع (1 عضو و 0 ضيف)

خيارات الاستايل

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

إرجاع خيارات الإستايل