MyBB Depo Forum

Orjinalini görmek için tıklayınız: Duyuru Panosu Sorunum
Şu anda (Arşiv) modunu görüntülemektesiniz. Orjinal Sürümü Görüntüle internal link
Sayfalar: 1 2 3
site adresim :
Kod:
sanal-craft.besaba.com
versiyon . 1.6.10
eklentiler: Ajaxlı Owervieve Side Box plus
hata : Hangi duyuru panosunu eklersem ekliyim sadece yazıları görünüyor arka planında olan bant şeklinde resimleri görünmüyor konularda ne dediyse yapıyorum .
resim : resim

yardımlarınızı bekliyorum ...
CSS Kodlarınız bulunmamaktadır hocam css kodlarınızı ekleyiniz
Bu sorun css kodları doğru bir şekilde eklemediğiniz için oluşuyor. Duyuru panolarının css kodlarını;

Admin paneli Sağ Ok Temalar & Şablonlar Sağ Ok Kullandığınız Tema Sağ Ok Global.css Sağ Ok Gelişmiş Düzenleme kısmının en altına ekleyeceksiniz.

Kodları eklerken 3-5 satır boşluk bırakabilirsiniz belki daha fazla size kalmış.
(31-08-2013, Saat:15:56)Screwy Adlı Kullanıcıdan Alıntı: [ -> ]Bu sorun css kodları doğru bir şekilde eklemediğiniz için oluşuyor. Duyuru panolarının css kodlarını;

Admin paneli Sağ Ok Temalar & Şablonlar Sağ Ok Kullandığınız Tema Sağ Ok Global.css Sağ Ok Gelişmiş Düzenleme kısmının en altına ekleyeceksiniz.

Kodları eklerken 3-5 satır boşluk bırakabilirsiniz belki daha fazla size kalmış.

Ekliyorum zaten Gülümseme ?
(31-08-2013, Saat:16:00)AlertTR Adlı Kullanıcıdan Alıntı: [ -> ]
(31-08-2013, Saat:15:56)Screwy Adlı Kullanıcıdan Alıntı: [ -> ]Bu sorun css kodları doğru bir şekilde eklemediğiniz için oluşuyor. Duyuru panolarının css kodlarını;

Admin paneli Sağ Ok Temalar & Şablonlar Sağ Ok Kullandığınız Tema Sağ Ok Global.css Sağ Ok Gelişmiş Düzenleme kısmının en altına ekleyeceksiniz.

Kodları eklerken 3-5 satır boşluk bırakabilirsiniz belki daha fazla size kalmış.

Ekliyorum zaten Gülümseme ?

Önemli olan nasıl eklediğiniz eğer doğru bir biçimde eklemezseniz kodlarınız gözükmez. Konu altına global.css kodlarınızı ve temanıza eklemek istediğiniz duyuru panosu kodlarını ekleyin ben ekleyeyim.

Kodları CODE tagları içerisinde verin.
Hocam 3 tane var şimdi not defterine yapıştırdım ordan koydum global .css e 2 tanesi oldu 1'i olmadı Gülümseme
Olmayan kodu 3-5 satır kaydırıp deneyin.
Kod:
body {
    background: #fff url(http://img.wallpaperstock.net:81/minecraft-diamonds-wallpapers_34951_1920x1080.jpg);
    color: #000;
    text-align: center;
    line-height: 1.4;
    margin: 0;
    
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 13px;
}

a:link {
    color: #555;
    text-decoration: none;
}

a:visited {
    color: #555;
    text-decoration: none;
}

a:hover, a:active {
    color: #595959;
    text-decoration: underline;
}

#container {
    text-align: left;
    line-height: 1.4;
    margin: 0;
    
    color: #555;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 13px;
}

.wrapper {
    width: 960px;
    margin: auto auto;
}

#logo {
    background: #efefef url(http://n1308.hizliresim.com/1d/t/rwpr1.png) center no-repeat;
    padding: 10px 0;
    height: 110px;
}

#content {
    width: 960px;
    margin: auto auto;
    background: #fff;
    padding: 20px 10px;
    border: 1px solid #dbdada;
border-top: none;
box-shadow:0 0 5px #dbdada;
}

#header ul.menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

#header ul.menu li {
    margin: 0 7px;
    display: inline;
}

#header ul.menu li a {
    padding-left: 20px;
    background-image: url(http://st.10tl.net/tema/protuner/colossalv3/headerlinks_sprite.png);
    background-repeat: no-repeat;
}

#logo ul.top_links {
    font-weight: bold;
    text-align: right;
    margin: -10px 5px 0 0;
}

#logo ul.top_links a.search {
    background-position: 0 0;
}

#logo ul.top_links a.memberlist {
    background-position: 0 -20px;
}

#logo ul.top_links a.calendar {
    background-position: 0 -40px;
}

#logo ul.top_links a.help {
    background-position: 0 -60px;
}

#panel .upper a.logout {
    font-weight: bold;
    background: url(http://st.10tl.net/tema/protuner/colossalv3/headerlinks_sprite.png) right -80px no-repeat;
    padding-right: 20px;
    margin-left: 10px;
}

#panel .upper a.login,
#panel .upper a.lost_password {
    background: url(http://st.10tl.net/tema/protuner/colossalv3/headerlinks_sprite.png) 0 -100px no-repeat;
    padding-left: 20px;
    margin-left: 10px;
    font-weight: bold;
}

#panel .upper a.register {
    background: url(http://st.10tl.net/tema/protuner/colossalv3/headerlinks_sprite.png) right -80px no-repeat;
    padding-right: 20px;
    margin-left: 10px;
    font-weight: bold;
}

#panel .lower ul.panel_links {
    float: left;
}

#panel .lower ul.panel_links a.usercp {
    background-position: 0 -120px;
}

#panel .lower ul.panel_links a.modcp {
    background-position: 0 -140px;
}

#panel .lower ul.panel_links a.admincp {
    background-position: 0 -160px;
}

#panel .lower ul.user_links {
    float: right;
}

#panel .lower ul.user_links li a {
    padding: 0;
    background-image: none;
}

#panel .upper {
    background: #fbfbfb url(http://u1308.hizliresim.com/1d/t/rwqmn.png) repeat-x top;
    color: #fff;
    border-top: 1px solid #444;
    border-bottom: 1px solid #000;
    padding: 7px;
    clear: both;
}

#panel .upper a:link,
#panel .upper a:visited,
#panel .upper a:hover,
#panel .upper a:active {
    color: #fff;
}

#panel .lower {
    background: #efefef;
    color: #999;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ccc;
    padding: 5px;
    overflow: hidden;
}

#panel .lower a:link,
#panel .lower a:visited,
#panel .lower a:hover,
#panel .lower a:active {
    color: #666;
}

#panel .remember_me input {
    vertical-align: middle;
    margin: -3px 0 0 5px;
}

#panel input {
    margin: -3px 0;
}

#panel input.button,
#panel input.textbox {
    border-color: #000;
}

#panel input.button {
    background: #4694c8;
    color: #fff;
}

#search {
    border: 0;
    padding: 0;
    margin: 0;
    float: right;
    vertical-align: middle;
}

fieldset {
    border: 1px solid #ddd;
}

fieldset.trow1,
fieldset.trow2 {
    border-color: #bbb;
}

table {
    color: #000000;
    font-size: 13px;
}

.tborder {
    background: none;
    width: 100%;
    margin: auto auto;
    border: 1px solid #d2d2d2;
}

.thead {
    background: #efefef url(http://u1308.hizliresim.com/1d/t/rwqmn.png) repeat-x left;
    font-family: Tahoma;
    font-size: 16px;
    color: #424242;
    height: 15px;
}

.thead a:link {
    color: #424242;
    text-decoration: none;
}

.thead a:visited {
    color: #424242;
    text-decoration: none;
}

.thead a:hover, .thead a:active {
    color: #424242;
    text-decoration: underline;
}

.tcat {
    background: #fff url(http://u1308.hizliresim.com/1d/t/rwlxy.png) repeat-x top;
    color: #424242;
    border-top: 1px solid #d9d8d8;
    border-bottom: 1px solid #d9d8d8;
    font-size: 11px;
}

.tcat a {
    color: #424242;
}

.tcat a:hover {
    color: #424242;
}

.trow1 {
    background: #fbfbfb;
}

.trow2 {
    background: #fbfbfb;
}

.trow3 {
    background: #fbfbfb;
}

.trow_shaded {
    background: #ffdde0;
}

.trow_selected td {
    background: #eee;
}

.trow_selected td .posttime {
}

.post.unapproved_post {
    background: #ffdde0;
}

.post.unapproved_post .post_author {
    border-bottom-color: #ffb8be;
}

.post.classic.unapproved_post .post_author {
    border-color: #ffb8be;
}

.post.unapproved_post .post_controls {
    border-top-color: #ffb8be;
}

.tfoot {
    background: #efefef url(http://st.10tl.net/tema/protuner/colossalv3/thead.png) no-repeat left;
    font-family: Tahoma;
    font-size: 12px;
    color: #424242;
    padding: 6px;
}

.tfoot a:link {
    color: #424242;
    text-decoration: none;
}

.tfoot a:visited {
    color: #424242;
    text-decoration: none;
}

.tfoot a:hover, .tfoot a:active {
    color: #424242;
    text-decoration: underline;
}

.thead input.textbox,
.thead select {
    border: 1px solid #263c30;
}

.bottommenu {
    background: #efefef;
    color: #000000;
    border: 1px solid #4874a3;
    padding: 10px;
}

.smalltext {
    font-size: 11px;
}

.largetext {
    font-size: 16px;
    font-weight: bold;
}

input.textbox {
    background: #ffffff;
    color: #000000;
    border: 1px solid #ccc;
    padding: 3px;
    outline: 0;
    font-size: 13px;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
}

textarea {
    background: #ffffff;
    color: #000000;
    border: 1px solid #ccc;
    padding: 2px;
    line-height: 1.4;
    outline: 0;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 13px;
}

select {
    background: #ffffff;
    padding: 3px;
    border: 1px solid #ccc;
    outline: 0;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: 13px;
}

.editor {
    background: #f1f1f1;
    border: 1px solid #ccc;
}

.editor_control_bar {
    background: #fff;
    border: 1px solid #ccc;
}

.post .editor_control_bar {
    background: #f5f5f5;
}

.autocomplete {
    background: #fff;
    color: black;
    border: 1px solid #ccc;
    padding: 1px;
}

.autocomplete_selected {
    background: #0072BC;
    color: #fff;
}

.popup_menu {
    background: #fff;
    border: 1px solid #ccc;
}

.popup_menu .popup_item {
    background: #efefef;
    color: #000;
}

.popup_menu .popup_item:hover {
    background: #4694c8;
    color: #fff;
}

.trow_reputation_positive {
    background: #ccffcc;
}

.trow_reputation_negative {
    background: #ffcccc;
}

.reputation_positive {
    color: green;
}

.reputation_neutral {
    color: #444;
}

.reputation_negative {
    color: red;
}

.invalid_field {
    border: 1px solid #f30;
    color: #f30;
    background: #ffffff;
    padding: 3px;
    outline: 0;
    font-size: 13px;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
}

.valid_field {
    border: 1px solid #0c0;
    background: #ffffff;
    padding: 3px;
    outline: 0;
    font-size: 13px;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
}

.validation_error {
    background: url(http://st.10tl.net/tema/protuner/colossalv3/invalid.png) no-repeat center left;
    color: #f30;
    margin: 5px 0;
    padding: 5px;
    font-weight: bold;
    font-size: 11px;
    padding-left: 22px;
}

.validation_success {
    background: url(http://st.10tl.net/tema/protuner/colossalv3/valid.png) no-repeat center left;
    color: #00b200;
    margin: 5px 0;
    padding: 5px;
    font-weight: bold;
    font-size: 11px;
    padding-left: 22px;
}

.validation_loading {
    background: url(http://st.10tl.net/tema/protuner/colossalv3/spinner.gif) no-repeat center left;
    color: #555;
    margin: 5px 0;
    padding: 5px;
    font-weight: bold;
    font-size: 11px;
    padding-left: 22px;
}

/* Additional CSS (Master) */
img {
    border: none;
}

.clear {
    clear: both;
}

.hidden {
    display: none;
    float: none;
    width: 1%;
}

.hiddenrow {
    display: none;
}

.selectall {
    background: #FFFBD9;
    border-bottom: 1px solid #F7E86A;
    color: #000;
    text-align: center;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

.expcolimage {
    float: right;
    width: auto;
    vertical-align: middle;
}

img.attachment {
    border: 1px solid #E9E5D7;
    padding: 2px;
}

hr {
    background-color: #000000;
    color: #000000;
    height: 1px;
    border: 0px;
}

#debug {
    float: right;
    text-align: right;
    margin-top: 20px;
    font-size: 11px;
}

blockquote {
    border: 1px solid #ccc;
    margin: 0;
    background: #fff;
    padding: 10px;
}

blockquote cite {
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    font-style: normal;
    display: block;
    padding-bottom: 3px;
    margin: 0 0 10px 0;
}

blockquote cite span {
    float: right;
    font-weight: normal;
    font-size: 12px;
    color: #666;
}

blockquote cite span.highlight {
    float: none;
    font-weight: bold;
    padding-bottom: 0;
}

.codeblock {
    background: #fff;
    border: 1px solid #ccc;
    padding: 10px;
}

.codeblock .title {
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    padding-bottom: 3px;
    margin: 0 0 10px 0;
}

.codeblock code {
    overflow: auto;
    height: auto;
    max-height: 200px;
    display: block;
    font-family: Monaco, Consolas, Courier, monospace;
    font-size: 13px;
}

.subforumicon {
    border: 0;
    vertical-align: middle;
}

.separator {
    margin: 5px;
    padding: 0;
    height: 0px;
    font-size: 1px;
    list-style-type: none;
}

form {
    margin: 0;
    padding: 0;
}

.popup_menu .popup_item_container {
    margin: 1px;
    text-align: left;
}

.popup_menu .popup_item {
    display: block;
    padding: 4px;
    white-space: nowrap;
    text-decoration: none;
}

.popup_menu a.popup_item:hover {
    text-decoration: none;
}

.autocomplete {
    text-align: left;
}

.subject_new {
    font-weight: bold;
}

.highlight {
    background: #FFFFCC;
    padding-top: 3px;
    padding-bottom: 3px;
}

.pm_alert {
    background: #FFF6BF;
    border: 1px solid #FFD324;
    text-align: center;
    padding: 5px 20px;
    margin-bottom: 15px;
    font-size: 11px;
}

.red_alert {
    background: #FBE3E4;
    border: 1px solid #A5161A;
    color: #A5161A;
    text-align: center;
    padding: 5px 20px;
    margin-bottom: 15px;
    font-size: 11px;
}

.high_warning {
    color: #CC0000;
}

.moderate_warning {
    color: #F3611B;
}

.low_warning {
    color: #AE5700;
}

div.error {
    padding: 5px 10px;
    border-top: 2px solid #FFD324;
    border-bottom: 2px solid #FFD324;
    background: #FFF6BF;
    font-size: 12px;
}

div.error p {
    margin: 0;
    color: #000;
    font-weight: normal;
}

div.error p em {
    font-style: normal;
    font-weight: bold;
    padding-left: 24px;
    display: block;
    color: #C00;
    background: url(http://st.10tl.net/tema/protuner/colossalv3/error.gif) no-repeat 0;
}

div.error ul {
    margin-left: 24px;
}

.online {
    color: #15A018;
}

.offline {
    color: #C7C7C7;
}

.pagination {
    font-size: 11px;
    padding-top: 10px;
    margin-bottom: 5px;
}

.tfoot .pagination, .tcat .pagination {
    padding-top: 0;
}

.pagination .pages {
    font-weight: bold;
}

.pagination .pagination_current, .pagination a {
    padding: 4px 7px;
    margin-bottom: 3px;
}

.pagination a {
    background: #f5f5f5;
    border: 1px solid #ccc;
}

.pagination .pagination_current {
    background: none;
    color: #000;
    border: none;
    font-weight: bold;
}

.pagination a:hover {
    background: #363636 url(http://st.10tl.net/tema/protuner/colossalv3/highlight_faint.png) repeat-x top;
    color: #fff;
    border-color: #424242;
    text-decoration: none;
}

.thread_legend, .thread_legend dd {
    margin: 0;
    padding: 0;
}

.thread_legend dd {
    padding-bottom: 4px;
    margin-right: 15px;
}

.thread_legend img {
    margin-right: 4px;
    vertical-align: bottom;
}

.forum_legend, .forum_legend dt, .forum_legend dd {
    margin: 0;
    padding: 0;
}

.forum_legend dd {
    float: left;
    margin-right: 10px;
    margin-top: 7px;
}

.forum_legend dt {
    margin-right: 10px;
    float: left;
}

.success_message {
    color: #00b200;
    font-weight: bold;
    font-size: 10px;
    margin-bottom: 10px;
}

.error_message {
    color: #C00;
    font-weight: bold;
    font-size: 10px;
    margin-bottom: 10px;
}

#posts_container {
    padding: 0;
}

#posts {
}

.ignored_post {
    border-top: 3px solid #333;
    padding: 15px;
}

.ignored_post .show_ignored_post {
    margin-top: -15px;
}

.ignored_post .show_ignored_post a.button span {
    background-position: 0 -400px;
}

.post {
    margin-bottom: 15px;
    overflow: hidden;
}

.post:last-child {
    margin-bottom: 0;
}

.post.classic {
    border-top: 3px solid #333;
    padding-top: 15px;
}

.post .post_author {
    border-bottom: 1px solid #bbb;
    border-top: 3px solid #333;
    background: #f5f5f5;
    padding: 5px;
    overflow: hidden;
}

.post.classic .post_author {
    border: 1px solid #ddd;
    float: left;
    width: 15%;
    margin: 0 1% 15px 0;
    border-left: 0;
}

.post .post_author .buddy_status {
    vertical-align: middle;
    margin-top: -4px;
}

.post .post_author div.author_avatar {
    float: left;
    margin-right: 3px;
}

.post.classic .post_author div.author_avatar {
    float: none;
    text-align: center;
    margin-bottom: 8px;
}

.post .post_author div.author_avatar img {
    padding: 5px;
    max-width: 55px;
    max-height: 55px;
    border: 1px solid #ddd;
    background: #fff;
}

.post.classic .post_author div.author_avatar img {
    max-width: 100px;
    max-height: 100px;
}

.post .post_author div.author_information {
    float: left;
    padding: 6px 8px;
}

.post.classic .post_author div.author_information {
    float: none;
    padding: 0;
    text-align: center;
}

.post .post_author div.author_statistics {
    float: right;
    font-size: 11px;
    padding: 3px 10px 3px 5px;
    color: #666;
    line-height: 1.3;
}

.post.classic .post_author div.author_statistics {
    border-top: 1px dotted #ccc;
    margin: 6px 0 0 0;
    padding: 6px 6px 3px 6px;
    float: none;
}

.post .post_head {
    font-size: 11px;
    padding-bottom: 4px;
    border-bottom: 1px dotted #ddd;
    margin-bottom: 4px;
}

.post .post_head span.post_date {
    color: #666;
}

.post .post_head span.edited_post {
    font-size: 10px;
    color: #999;
}

.post .post_head span.edited_post a {
    color: #666;
}

.post_body {
    font-size: 14px;
    padding: 12px 0;
}

.post.classic .post_content {
    float: left;
    width: 80%;
    padding-top: 0;
}

.post_content {
    padding: 9px 10px 5px 10px;
}

.post_content .signature {
    margin-top: 5px;
    border-top: 1px dotted #ddd;
    padding: 10px 0 4px 0;
}

.post .post_meta {
    margin: 4px 0;
    font-size: 11px;
    color: #999;
}

.post .post_meta a:link,
.post .post_meta a:visited {
    color: #777;
}

.post .post_meta a:hover,
.post .post_meta a:active {
    color: #777;
}

.post_controls {
    clear: both;
    background: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 5px;
    overflow: hidden;
}

.quick_jump {
    background: url(http://st.10tl.net/tema/protuner/colossalv3/jump.png) no-repeat 0;
    width: 13px;
    height: 13px;
    padding-left: 13px; /* amount of padding needed for image to fully show */
    margin-top: -3px;
    border: none;
}

.repbox {
    font-size:16px;
    font-weight: bold;
    padding:5px 7px 5px 7px;
}

._neutral {
    background-color:#FAFAFA;
    color: #999999;
    border:1px solid #CCCCCC;
}

._minus {
    background-color: #FDD2D1;
    color: #CB0200;
    border:1px solid #980201;
}

._plus {
    background-color:#E8FCDC;
    color: #008800;
    border:1px solid #008800;
}

.pagination_breadcrumb {
    background-color: #efefef;
    border: 1px solid #fff;
    outline: 1px solid #ccc;
    padding: 5px;
    margin-top: 5px;
    
    font-weight: normal;
}

.pagination_breadcrumb_link {
    vertical-align: middle;
    cursor: pointer;
}

form #message {
    width: 500px;
}

.pollbar {
    background: url(http://st.10tl.net/tema/protuner/colossalv3/pollbar.png) top left repeat-x;
    border: 1px solid #3f3f3f;
    height: 10px;
}

.pollbar .percent {
    display: none;
}


#duyuru {
    background: url(http://o1308.hizliresim.com/1d/w/s065t.png);
    width: 100%; Buradan Duyuru Panelinin Genişliğini Ayarlıya Bilirsiniz.
    color: #fff; Buradan Duyuru Panelindeki Yazının Rengini Ayarlıyabilirsiniz.Şuanda Beyazdır.
    height:30px; Burayı değiştirmeyiniz.
    line-height:30px; Burayı değiştirmeyiniz.
    text-align:center; Buradan yazının ortalı sağda veya solda olmasını sağlayabilirsiniz. left:sol center:orta right:sağ
    border:1px solid #2aa4dd; Buradan kenerlık kalınlığını ve rengini değiştirebilirsiniz.
    font-size: 15px; Buradan yazının büyüklüğünü Değiştirebilirsiniz.
        border-radius: 2px; Burası ise tablonun ovallik ayarıdır.Sayı artırıldıkca ovallikte artar.
}

.XsBB_DYR li {
    list-style: none;
    text-align: left;
}

.XsBB_DYR_Title {
    color: maroon;
    font-family: Georgia;
    font-size:&;nbsp;11px;
    font-weight: bold;
}

.slideright:hover {
    -webkit-transform: translate(1em, 0pt);
    -moz-transform: translate(1em, 0pt);
    -o-transform: translate(1em, 0pt);
    -ms-transform: translate(1em, 0pt);
}


.showbox {
    -webkit-transition: all 1s ease-in-out 0s;
    -moz-transition: all 1s ease-in-out 0s;
    -o-transition: all 1s ease-in-out 0s;
    -ms-transition: all 1s ease-in-out 0s;
}

.xsbox {
    font-weight: bold;
    font-style: normal;
    font-size: 9pt;
        font-family: Georgia;
        border-right: 2px solid #183150 !important;
        border-left: 2px solid #183150 !important;
        border-top: 2px solid #183150 !important;
        border-radius: 5px 5px 0 0;
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    padding: 7px;
}

{$lang->powered_by} <a href="http://mybb.com/" target="_blank">MyBB{$mybbversion}</a>, &copy; 2002-{$copy_year} <a href="http://mybb.com/" target="_blank">MyBB Group</a>.<br />
<!-- End powered by -->
&nbsp;<br />
}

Kod:
.duyurum {
    background: #FFF6BF;
    border-top: 3px solid #FFD324;
    border-bottom: 3px solid #FFD324;
    text-align: center;
    margin: 10px auto;
    padding: 5px 20px;
}

.duyurum2 {
    background: #D6ECA6;
    border-top: 3px solid #8DC93E;
    border-bottom: 3px solid #8DC93E;
    text-align: center;
    margin: 10px auto;
    padding: 5px 20px;
}

.duyurum3 {
    background: #ADCBE7;
    border-top: 3px solid #0F5C8E;
    border-bottom: 3px solid #0F5C8E;
    text-align: center;
    margin: 10px auto;
    padding: 5px 20px;
}
Sayfalar: 1 2 3