20.10.2012 в 11:19 Блог

CSS и прочее...

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

Обсудить у себя 0

← ранее

Комментарии (24)

Лучик 20 октября 2012 года в 11:22 # 0

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

ReNa 20 октября 2012 года в 11:23 # ↑ 0

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

Лучик 20 октября 2012 года в 11:25 # ↑ 0

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

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

ReNa 20 октября 2012 года в 11:27 # ↑ 0

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

Лучик 20 октября 2012 года в 11:28 # ↑ 0

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

ReNa 20 октября 2012 года в 11:31 # ↑ 0

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

Лучик 20 октября 2012 года в 11:31 # ↑ 0

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

ReNa 20 октября 2012 года в 11:32 # ↑ 0

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

Лучик 20 октября 2012 года в 11:33 # ↑ 0

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

Лучик 20 октября 2012 года в 11:23 # 0

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

ReNa 20 октября 2012 года в 11:25 # ↑ 0

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

Лучик 20 октября 2012 года в 11:27 # ↑ 0

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

ReNa 20 октября 2012 года в 11:28 # ↑ 0

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

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

ReNa 20 октября 2012 года в 11:38 # ↑ 0

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

... 22 октября 2012 года в 11:14 # -1

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

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;
}

ReNa 22 октября 2012 года в 12:16 # ↑ 0

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

... 22 октября 2012 года в 12:34 # ↑ -1

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

ReNa 22 октября 2012 года в 12:35 # ↑ 0

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

ReNa 22 октября 2012 года в 12:39 # ↑ 0

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

... 22 октября 2012 года в 12:41 # ↑ -1

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

ReNa 22 октября 2012 года в 12:42 # ↑ 0

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

... 22 октября 2012 года в 12:45 # ↑ -1

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

... 22 октября 2012 года в 12:51 # ↑ -1

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

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;
}

Вход

P.S. with love ReNa

CSS и прочее...