Исправлен заголовок tumblr?

Question

так что это первая тема, которую я «сделал», и я не удивительно с кодом. Мое видение этой темы - заголовок с заголовком и ссылками, нижний колонтитул с описанием и сообщения без полей в сетке посередине. У меня есть все, где я хочу, и я знаю, как исправить текст (не позволяйте ему прокручивать сообщения), но я не знаю, как добавить фон, потому что прямо сейчас вы не видите текст через сообщения. Я хочу, чтобы белый бар всегда оставался за верхним и нижним колонтитулом, чтобы вы всегда могли видеть текст в верхнем и нижнем колонтитулах. Я пробовал так много разных кодов, я даже смотрел коды других тем, которые имеют такой эффект и скопировали его части, чтобы подражать ему, но ничего не сработало. Если вам нужен пример того, что я хочу, напишите заголовок и нижний колонтитул, как this фиксированный заголовок с моим блогом (мой url - allapologys). Пожалуйста, помогите мне, это изгоняет меня!

Я чувствую себя действительно глупо, но я сделал одну из этих jsfiddle вещей, но говорит ссылку на мой пост, мне нужно ввести код? Какой код я должен ввести? Наверное, не все, верно? Я знаю, я идиот. Пожалуйста, не смейтесь над мной: P.

Answer 1

Я прошел через ваш сайт. Многое, что вам нужно сделать. Сначала измените первые две структуры div, как это. Также обновите #title и #links div CSS, как показано ниже.

HTML

<div style="position:fixed; top:0; left:0; width:100%;background:#ccc;z-index:100;"> 
    <div id="title"> 
    <b><a href="/" title="Home">All Apologys</a></b> 
    </div> 

<div id="links"> 
    <a href="/favs">Favorite Blogs</a> &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; 
    <a href="/favtv">Favorite TV Shows</a> &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; 
    <a href="/favmovies">Favorite Movies</a> &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; 
    <a href="/favmusic">Favorite Music</a> &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; 
    <a href="/ask">ASK</a> &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; 
    <a href="http://allapologys.tumblr.com/themes">theme</a> 
</div> 
<div style="clear:both"></div> 
</div> 

CSS

#title 
{ 
text-transform:uppercase; 
/* position:fixed */ 
z-index:1; 
float:left; 
overflow:hidden; 
/* top:25px; 
left: 10px; */ 
} 

#links 
{ 
position:absolute; 
padding:10px; 
z-index:2; 
float:left; 
overflow:hidden; 
/*margin-top:-50px; 
margin-left:575px;*/ 
bottom:10px; 
right:250px; 
}