Нижняя часть сайта

@ka1n96 · Регистрация: 21.01.2015

Студворк — интернет-сервис помощи студентам

Ребята спасите пожалуйста.. Прям вот пришла идея в голову а осуществить никак не могу.. У меня на сайте вообще нижней части нету где там копирайтинг пишут и т.д. Я хочу сделать такую нижнюю часть чёрненькую как нарисованно на картинке. слева в нижней части хочу написать copy (r) 2015, а справа картинки засунуть(2штучки). помогите прошу вас, как сделать такую нижнюю часть?

@ka1n96 · 28.01.2015, 21:47 **[ТС]**

вот все css связанные с футом)) я никак не могу фиксированным его сделать(( прошу помощи)) с низким поклоном

CSS
1
2
3
4
5
6
.footer-title {
    font-family: Arial;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 2px;
}

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
/* =============================================================================
  FOOTER STYLE
   ========================================================================== */
            
#social-icons-small {
    display: block;
}
#social-icons-small li {
    float: left;
    list-style: none;
    margin-left: 10px;
}
#social-icons-small li a {
    margin-top: 10px;
    width: 30px;
    height: 30px;
    display: block;
    text-indent: -9999px;
    background-image: url(../img/social_icons_small.png);
    background-repeat: no-repeat;
    border: 2px solid rgb(34, 40, 41);
    border-radius: 30px;
    transition: background-color 1s, border 1s;
    -moz-transition: background-color 1s, border 1s; /* Firefox 4 */
    -webkit-transition: background-color 1s, border 1s; /* Safari and Chrome */
    -o-transition: background-color 1s, border 1s; /* Opera */
}
#social-icons-small li a:hover {
    background-color: #ff6a00;
    border-radius: 30px;
    border: 2px solid white;
}
#social-icons-small ul {
    margin: 0 10px 0 0;
    padding: 0;
    float: right;
}
    
#social-icons-small li a.twitter-link { background-position: -8px -8px; }
#social-icons-small li a.facebook-link { background-position: 50% -60px; }
#social-icons-small li a.dribbble-link { background-position: 50% -110px; }
#social-icons-small li a.vimeo-link { background-position: 50% -158px; }
#social-icons-small li a.flickr-link { background-position: 50% -210px; }
#social-icons-small li a.rss-link { background-position: 50% -260px; }
#social-icons-small li a.linkedin-link { background-position: 50% -310px; }
#social-icons-small li a.google-link { background-position: 50% -360px; }           
 
.credits {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
#copyright-and-credits a:hover, widget-container a:hover {
    color: rgb(114, 162, 15);
}
#copyright-and-credits a {
    transition: color 1s;
    -moz-transition: color 1s; /* Firefox 4 */
    -webkit-transition: color 1s; /* Safari and Chrome */
    -o-transition: color 1s; /* Opera */
}
#copyright-and-credits .recent-twitter li:before, .widget-container .recent-twitter li:before {
    float: left;
    font-family: 'Arial';
    content: "\f099"; // If you need to change this icon, please reference the file /css/font-awesome/font-awesome.css for the available icons.
    font-size: 20px;
    padding-right: 10px;
}
#copyright-and-credits .tag-list2 li:before, .widget-container .tag-list2 li:before {
    float: left;
    font-family: 'Arial';
    content: "\f02b"; // If you need to change this icon, please reference the file /css/font-awesome/font-awesome.css for the available icons.
    font-size: 20px;
    padding-right: 10px;
}
#copyright-and-credits {
      color: #eee;
      border-bottom:5px solid rgb(34, 40, 41);
      background-color: rgb(51, 57, 58);
      font-size: 12px;
      margin-top: 25px;
}
.credits {
    background-color: rgb(34, 40, 41);
}
.credits p {
        padding: 15px 15px 5px 15px;
}
#copyright-and-credits .footer-container {
    padding-top: 20px;
    padding-bottom: 20px;
}

@Jodah · 28.01.2015, 21:58

А причём здесь PHP?

Для блока, в котором находится весь контент футера, указываете:

CSS
1
2
position:absolute;
bottom:0;

@ka1n96 · 28.01.2015, 22:00 **[ТС]**

.-=

@MOSTOR · 28.01.2015, 22:04

ТС видимо даже в хтмл не разбирается. Главный блок футера, как я понял это "credits" прикрепи как сказал Jodah.

@ka1n96 · 28.01.2015, 22:23 **[ТС]**

MOSTOR, у меня щас слева в углу фиксированный футер бегает.. я поменял абсолют на фиксед) почему у меня слева только бегает фут? до этих двух значений которые мне посоветовал написать Jodah всё было норм.. только не фиксированный фут был и всё) что делать? помогите пожалуйста

@MOSTOR · 28.01.2015, 22:27

Задай этот вопрос в теме для верстальщиков, твоя проблема ну ни как не связана с программированием, верстальщики лучше разбираются в этом вопросе.

@ka1n96 · 28.01.2015, 22:36 **[ТС]**

MOSTOR, хорошо спасибо)))

Новые блоги и статьи Все статьи Все блоги /
Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование 8Observer8 05.03.2026 Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. На мобильном - сканируйте QR-код. Вращайте камеру одним пальцем,. . .	SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .	SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip Сканируйте QR-код на мобильном и вы увидите, что появится джойстик для управления главным героем. . . .	Реалии Hrethgir 01.03.2026 Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .
Ритм жизни kumehtar 27.02.2026 Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .	SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten 8Observer8 27.02.2026 Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .	SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .

@ka1n96 0 / 0 / 0 Регистрация: 21.01.2015 Сообщений: 57

	Нижняя часть сайта 27.01.2015, 21:58. Показов 1897. Ответов 26 Метки нет (Все метки) Ребята спасите пожалуйста.. Прям вот пришла идея в голову а осуществить никак не могу.. У меня на сайте вообще нижней части нету где там копирайтинг пишут и т.д. Я хочу сделать такую нижнюю часть чёрненькую как нарисованно на картинке. слева в нижней части хочу написать copy (r) 2015, а справа картинки засунуть(2штучки). помогите прошу вас, как сделать такую нижнюю часть? 0

@ka1n96 0 / 0 / 0 Регистрация: 21.01.2015 Сообщений: 57
	28.01.2015, 22:00 [ТС]
	.-= 0

@MOSTOR 84 / 9 / 2 Регистрация: 30.12.2014 Сообщений: 111
	28.01.2015, 22:04
	ТС видимо даже в хтмл не разбирается. Главный блок футера, как я понял это "credits" прикрепи как сказал Jodah. 0

@ka1n96 0 / 0 / 0 Регистрация: 21.01.2015 Сообщений: 57
	28.01.2015, 22:23 [ТС]
	MOSTOR, у меня щас слева в углу фиксированный футер бегает.. я поменял абсолют на фиксед) почему у меня слева только бегает фут? до этих двух значений которые мне посоветовал написать Jodah всё было норм.. только не фиксированный фут был и всё) что делать? помогите пожалуйста 0

@MOSTOR 84 / 9 / 2 Регистрация: 30.12.2014 Сообщений: 111
	28.01.2015, 22:27
	Задай этот вопрос в теме для верстальщиков, твоя проблема ну ни как не связана с программированием, верстальщики лучше разбираются в этом вопросе. 0

@ka1n96 0 / 0 / 0 Регистрация: 21.01.2015 Сообщений: 57
	28.01.2015, 22:36 [ТС]
	MOSTOR, хорошо спасибо))) 0