CSS и прочее...

Чувствую себя топором, ну или ещё каким-нибудь подобным изделием без мозгов...! Полазила по блогам пользователей — конфетки! Вот надо развиваться… второй день, как-никак моему блогу, а я топорю… не понимаю, как это всю красоту, со всякими няшными эффектами сделать...! Программирование (или, как это называется… не знаю), однозначно, не моё! Вот, когда уже прогресс дойдёт до того, чтобы сидишь такая перед монитором, описываешь что хочешь, а он тебе сам всё делает! «Вот чтобы наверху няшно было, оригинально и не избито!». А комп, тебе в ответ «Да, моя госпожа, будет сделано!»… эх… мечты, мечты....! Пойду за помощью к всезнающему гуглу!

Обсудить у себя 0
Комментарии (24)

блоги пользователей, которые, так называемые, конфетки строились, отнюдь, не два дня Так что можешь спать со спокойной душей

хоть какое то утешение))) Если, не секрет, сколько они строились???

Долго и нудно Вообще раньше никто особо не занимался оформлением блогов, ставили стандартные (из выбора) темки и все, только единицы что-то свое придумывали. Это сейчас… так сказать, популярно стало, как я заметила

Если хотите, могу вам свой старый дизайн подарить, если найду конечно, где-то сохранен был..

Было бы здорово! Прогресс, доходит до меня раньше, чем 20 лет  Серьёзно, очень буду благодарна!

Только придется убирать боковые колонки, у меня блог без всякой этой шняги просто, не вижу смысла для них. Подумайте

подумала. ХОЧУ!

Похоже, что я все-таки удалила все старье… Придется учиться самой 

вот, сейчас от досады расплачусь! Тоже самое, что помахать конфеткой у ребёнка перед носом и не дать ему… аааа!!!

Это тебе как стимул.

кстати, на счет сам все делал, так может и будет такое… через лет эдак 20, прогресс не останавливается

через двадцать, я уже сама свой блог в няшное состояние приведу… не, ну надеюсь, это займёт НЕ ВСЕ 20 ЛЕТ!

Ну так вот, лучше же самой все организовать.

не, Не, не....

Комментарий был удален

читаю… пытаюсь понять! спасибо.

Знаешь, куда надо вставить код?

body, html {
background-color: #F5F5F5;
background-repeat: repeat;
background-position: top;
background-image: url(http://f.mypage.ru/0609928c8958390ac052a2f300bfc652_24e6ce9fea0a490676db86ba11ab2992.jpg);
background-attachment: fixed;
}
a {
color: #FCFCFC;
}
.tabs2 a.active, .tabs a.active {
background: #FCFCFC;
color: #fff;
}
#header {
}
#footer {
}

#footer, #footer a {
color: #F0F0F0;
font-size: 12px;
font-family: Tahoma;
font-style: normal;
font-weight: normal;
}


#widget_blog, .blog_view, .friends_view {
background-repeat: repeat-x;
background-position: top;
background-image: url(http://f.mypage.ru/bc12e9b5aa53291b2c533cebef8c2d45_f7719d6eedb9736a7342c0436ce64e2c.png);
}
.widget {
}

#comments {
}

.wrap .right, #all .left, .popup {
background-color: transparent;
background-repeat: repeat;
background-position: top;
background-image: url(http://f.mypage.ru/b9549b99ea844e7ea888809888bf82de_4b4ca6bbd5f106e56c0f36e6b5c86d69.png);
}

.inblock {
border: none;
}
.blog-nav li {
background-color: transparent;
background-repeat: repeat;
background-position: top;
background-image: url(http://f.mypage.ru/b9549b99ea844e7ea888809888bf82de_4b4ca6bbd5f106e56c0f36e6b5c86d69.png);
}
.blog-nav li.active {
background-color: #FFFFFF;
}


#blog-name, #blog-name a {
font-size: 38px;
font-family: Georgia;
font-style: normal;
font-weight: normal;
color: #FFFFFF;
}


.post .title a, .post .title, .post h2, .comments_title {
color: #FAFAFA !important;
font-size: 34px;
font-family: 'Comic Sans MS';
font-style: normal;
font-weight: normal;
}

.comments_title {
font-size: 32px;
}
.post .title a:hover {
color: #662E11 !important;
}
#blog_vote_form li, .post_wish {
color: #FAFAFA !important;
}
.post_txt {
color: #FCFCFC;
font-size: 14px;
font-family: 'Comic Sans MS';
font-style: normal;
font-weight: normal;
}
.comment .txt {
color: #FCFCFC;
}
.player .inf span, .feed .act div {
color: #FCFCFC;
}

.post_txt a {
color: #54261F;
font-style: normal;
font-weight: normal;
text-decoration: none;
}
.post_txt a:hover {
color: #000000;
}

.post_info .tms, .feed em, .feed li span.tms {
color: #592727;
font-size: 12px;
font-family: Tahoma;
font-style: normal;
font-weight: normal;
}
.comment .user_info span {
color: #592727;
}

.wtitle, a.wtitle {
color: #F0F0F0 !important;
}
.username, .wtitle, a.wtitle {
font-size: 12px !important;
font-family: Tahoma !important;
font-style: normal !important;
font-weight: bold !important;
}
.widget a {
color: #F0F0F0;
font-size: 12px;
font-family: Tahoma;
font-style: normal;
font-weight: normal;
text-decoration: none;
}
.widget a:hover {
color: #000000 !important;
}

#widget_tags a:hover {
background-color: #FFFFFF !important;
color: #000 !important;
}

.widget {
color: #FFFFFF !important;
font-size: 12px;
font-family: Tahoma;
font-style: normal;
font-weight: normal;
}

.widget a.title, .favorite_blogs .post, .category_top {
color: #FCFCFC !important;
font-size: 18px !important;
font-family: 'Comic Sans MS' !important;
font-style: normal !important;
font-weight: normal !important;
}
.widget a.title {
}

.blog-nav li a {
color: #FFFFFF !important;
font-size: 12px;
font-family: Tahoma;
font-style: normal;
font-weight: normal;

}
.blog-nav li.active a {
color: #F2F2F2 !important;
font-size: 12px;
font-family: 'Comic Sans MS';
font-style: normal;
font-weight: normal;

}



.radius8 {
-moz-border-radius: 3px !important;
border-radius: 3px !important;
-webkit-border-radius: 3px !important;

}
.radius6 {

-moz-border-radius: 2px !important;
border-radius: 2px !important;
-webkit-border-radius: 2px !important;

}



#all .left {

padding: 10px !important;
width: 269px;
}
.wrap .right {
padding: 10px !important;
}

.wrap .right {
margin-left: 0;
margin-right: 294px;
}
#all .left {
margin-left: -289px;
}


#head-line {
background-color: #4F1513;
}

#all {
margin: 0 auto;
}

.paginate, .paginate em, .paginate span, .paginate strong, .paginate a {
color: #FCFCFC !important;
font-size: 14px;
font-family: 'Comic Sans MS';
font-style: normal;
font-weight: normal;
background-color: transparent;
background-repeat: repeat;
background-position: top;
background-image: url(http://f.mypage.ru/b9549b99ea844e7ea888809888bf82de_4b4ca6bbd5f106e56c0f36e6b5c86d69.png);
}


.paginate strong {
background-color: #FFFFFF;

color: #F2F2F2 !important;
font-style: normal;
font-weight: normal;
}
.widget .wtitle {
background-color: transparent;
}
.inblock .widget_content {
padding: 15px 17px 15px 17px;
}
.inblock .wtitle + .widget_content {
padding: 0 17px 15px 17px;
}
.inblock .wtitle {
padding: 7px 17px;
}
.widget {
margin-bottom: 2px;
}

оооу, для меня это пока тёмный лес!

настройки блога, оформление и там редактор цсс, из первго столба удаляешь все и копируя предварительно, вставляешь)

ща попробуем спасибо))

Боже, где мой блог?? что с ним стало)) На самом деле — здорово! только, некотрые тексты в блоге серые — очень трудно читать....

извиняй, у меня такой раньше был, в заметках на всякий пожарный сохранила вот думала пригодится может))

Спасиииибо, Миша

слушай, первый твой пост не читается, почему так случилосьблииин

Вот это тоже попробуй, сохраненный давно лежит))

body, html {
background-color: #F5F5F5;
background-repeat: repeat;
background-position: center;
background-image: url(http://f.mypage.ru/2f97cd2897e802271dff49c57c7f2585_e500a17e6aec5565b3ff3bdbe0789739.jpg);
background-attachment: fixed;
}
a {
color: #EBEBEB;
}
.tabs2 a.active, .tabs a.active {
background: #EBEBEB;
color: #fff;
}
#header {
}
#footer {
}

#footer, #footer a {
color: #0D633E;
font-size: 12px;
font-family: 'Comic Sans MS';
font-style: normal;
font-weight: normal;
}


#widget_blog, .blog_view, .friends_view {
background-repeat: repeat-x;
background-position: top;
background-image: url(http://f.mypage.ru/bc12e9b5aa53291b2c533cebef8c2d45_f7719d6eedb9736a7342c0436ce64e2c.png);
}
.widget {
}

#comments {
}

.wrap .right, #all .left, .popup {
background-color: transparent;
background-repeat: repeat;
background-position: top;
background-image: url(http://f.mypage.ru/b9549b99ea844e7ea888809888bf82de_4b4ca6bbd5f106e56c0f36e6b5c86d69.png);
}

.inblock {
border: none;
}
.blog-nav li {
background-color: transparent;
background-repeat: repeat;
background-position: top;
background-image: url(http://f.mypage.ru/b9549b99ea844e7ea888809888bf82de_4b4ca6bbd5f106e56c0f36e6b5c86d69.png);
}
.blog-nav li.active {
background-color: #FFFFFF;
}


#blog-name, #blog-name a {
font-size: 38px;
font-family: 'Comic Sans MS';
font-style: normal;
font-weight: normal;
color: #FFFFFF;
}


.post .title a, .post .title, .post h2, .comments_title {
color: #F7F7F7 !important;
font-size: 33px;
font-family: 'Comic Sans MS';
font-style: normal;
font-weight: normal;
}

.comments_title {
font-size: 31px;
}
.post .title a:hover {
color: #DBDBDB !important;
}
#blog_vote_form li, .post_wish {
color: #F7F7F7 !important;
}
.post_txt {
color: #EBEBEB;
font-size: 15px;
font-family: 'Comic Sans MS';
font-style: normal;
font-weight: normal;
}
.comment .txt {
color: #EBEBEB;
}
.player .inf span, .feed .act div {
color: #EBEBEB;
}

.post_txt a {
color: #158C35;
font-style: normal;
font-weight: normal;
}
.post_txt a:hover {
color: #454545;
}

.post_info .tms, .feed em, .feed li span.tms {
color: #828282;
font-size: 12px;
font-family: Tahoma;
font-style: normal;
font-weight: normal;
}
.comment .user_info span {
color: #828282;
}

.wtitle, a.wtitle {
color: #F0F0F0 !important;
}
.username, .wtitle, a.wtitle {
font-size: 12px !important;
font-family: Tahoma !important;
font-style: normal !important;
font-weight: bold !important;
}
.widget a {
color: #FCFCFC;
font-size: 13px;
font-family: 'Comic Sans MS';
font-style: normal;
font-weight: normal;
text-decoration: none;
}
.widget a:hover {
color: #F0F0F0 !important;
}

#widget_tags a:hover {
background-color: #FFFFFF !important;
color: #000 !important;
}

.widget {
color: #FFFFFF !important;
font-size: 12px;
font-family: Tahoma;
font-style: normal;
font-weight: normal;
}

.widget a.title, .favorite_blogs .post, .category_top {
color: #F0F0F0 !important;
font-size: 20px !important;
font-family: 'Comic Sans MS' !important;
font-style: normal !important;
font-weight: normal !important;
}
.widget a.title {
}

.blog-nav li a {
color: #666666 !important;
font-size: 12px;
font-family: Tahoma;
font-style: normal;
font-weight: normal;

}
.blog-nav li.active a {
color: #3A4974 !important;
font-size: 12px;
font-family: Tahoma;
font-style: normal;
font-weight: normal;

}



.radius8 {
-moz-border-radius: 8px !important;
border-radius: 8px !important;
-webkit-border-radius: 8px !important;

}
.radius6 {

-moz-border-radius: 6px !important;
border-radius: 6px !important;
-webkit-border-radius: 6px !important;

}



#all .left {

padding: 1px !important;
width: 290px;
}
.wrap .right {
padding: 1px !important;
}


#head-line {
background-color: #BFBFBF;
}

#all {
margin: 0 auto 0 3%;
}

.paginate, .paginate em, .paginate span, .paginate strong, .paginate a {
color: #EBEBEB !important;
font-size: 15px;
font-family: 'Comic Sans MS';
font-style: normal;
font-weight: normal;
background-color: transparent;
background-repeat: repeat;
background-position: top;
background-image: url(http://f.mypage.ru/b9549b99ea844e7ea888809888bf82de_4b4ca6bbd5f106e56c0f36e6b5c86d69.png);
}


.paginate strong {
background-color: #FFFFFF;

color: #3A4974 !important;
font-style: normal;
font-weight: normal;
}
.widget .wtitle {
background-color: transparent;
}
.inblock .widget_content {
padding: 1px 3px 1px 3px;
}
.inblock .wtitle + .widget_content {
padding: 0 3px 1px 3px;
}
.inblock .wtitle {
padding: 7px 3px;
}
.widget {
margin-bottom: 2px;
}

Чтобы комментировать надо зарегистрироваться или если вы уже регистрировались войти в свой аккаунт.

Войти через социальные сети: