Yazar |
Mesaj |
-
powerlevelsilkroad
Acemi Üye
|
08.08.2010, 08:24 (UTC) Mesaj konusu: Sayfayı sabitleme kodu lazım. |
|
|
Arkadaşlar sayfayı sabitleme kodu lazım. Yani Scrollbar'ı kaldırmak istiyorum; ama kodunu bilmiyorum ve internet araştırdım bulamadım. Yardımcı olursanız sevinirim. |
|
↑
|
|
|
-
csshost
Bedava-Sitem Bağımlısı
|
|
↑
|
|
|
-
powerlevelsilkroad
Acemi Üye
|
08.08.2010, 09:18 (UTC) Mesaj konusu: |
|
|
Benim demek istediğim o değil.
Ben sayfayı sabitlemek istiyorum.
Sayfa sabitlenirse Scrollbar kalkıcaktır.
www.powerlevelsilkorad.tr.gg
Siteme girin bakın kenardaki Scrollbar'ın gereksiz olduğunu anlayacaksınız.
Site adresimi reklam amaçlı vermedim. Sadece yardım almak istiyorum. |
|
↑
|
|
|
-
powerlevelsilkroad
Acemi Üye
|
|
↑
|
|
|
-
csshost
Bedava-Sitem Bağımlısı
|
08.08.2010, 09:21 (UTC) Mesaj konusu: |
|
|
|
|
↑
|
|
|
-
powerlevelsilkroad
Acemi Üye
|
08.08.2010, 09:26 (UTC) Mesaj konusu: |
|
|
CSS KODU BU AMA ANLAMADIM NASIL OLACAK
Kod: /*
Credit: http://www.templatemo.com
*/
body {
margin: 0;
padding: 0;
line-height: 1.5em;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #dfdcd8;
background: #1e1409 url(http://img291.imageshack.us/img291/5320/templatemobodytop.jpg) repeat-x top;
}
a:link, a:visited { color: #ffffff; text-decoration: underline; font-weight: normal; }
a:active, a:hover { color: #FFFF66; text-decoration: none; }
p { margin: 0px; padding: 0px; }
img { margin: 0px; padding: 0px; border: none; }
.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px; }
.cleaner_h10 { clear: both; width:100%; height: 10px; }
.cleaner_h20 { clear: both; width:100%; height: 20px; }
.cleaner_h30 { clear: both; width:100%; height: 30px; }
.cleaner_h40 { clear: both; width:100%; height: 40px; }
.cleaner_h50 { clear: both; width:100%; height: 50px; }
.cleaner_h60 { clear: both; width:100%; height: 60px; }
.horizontal_divider {
height: 15px;
background: url() no-repeat bottom center;
}
.fl { float: left; }
.fr { float: right; }
.margin_r50 { margin-right: 50px; }
.button_01 a {
display: block;
width: 81px;
height: 23px;
padding: 5px 0 0 0;
background: url(http://img12.imageshack.us/img12/8253/templatemobutton.png) no-repeat;
text-align: center;
color: #d1c2ac;
font-size: 13px;
font-weight: bold;
text-decoration: none;
}
.button_01 a:hover {
background: url(http://img130.imageshack.us/img130/1126/templatemobuttonhover.png) no-repeat;
}
h1 {
margin: 0px;
padding: 0px;;
font-size: 30px;
font-weight: bold;
color: #ffffff;
}
h2 {
font-family: Georgia, "Times New Roman", Times, serif;
margin: 0 0 20px 0;
padding: 3px 0;
font-size: 28px;
font-weight: normal;
color: #ffffff;
}
h3 {
font-family: Georgia, "Times New Roman", Times, serif;
margin: 0 0 5px 0;
padding: 5px 0;
font-size: 16px;
font-weight: bold;
font-weight: bold;
color: #ffffff;
}
.image_wrapper {
border: 1px solid #000;
padding: 5px;
margin-top: 3px;
margin-bottom: 5px;
background: #333;
}
.fl_image {
float: left;
margin-right: 15px
}
.fr_image {
float: right;
margin-left: 15px
}
.image_wrapper img {
border: 1px solid #000000;
}
/* site title bar */
/* site title */
#templatemo_site_title_bar_wrapper {
position: relative;
width: 100%;
height: 130px;
margin: 0 auto;
background: url(http://img193.imageshack.us/img193/997/templatemoheaderbgn.jpg) center top no-repeat;
}
#templatemo_site_title_bar {
width: 780px;
height: 130px;
margin: 0 auto;
padding: 0 20px;
background: url(http://img193.imageshack.us/img193/997/templatemoheaderbgn.jpg) center top no-repeat;
}
#templatemo_site_title_bar #site_title {
float: left;
padding: 5px 0;
margin: 20px 0 0 0;
background: url(images/templatemo_site_title_bg.jpg) top left no-repeat;
}
#site_title h1 a {
margin: 0px;
padding: 0px;
font-size: 24px;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}
#site_title h1 a:hover {
font-weight: bold;
text-decoration: none;
}
#site_title h1 a span {
display: block;
padding-left: 20px;
margin-top: 5px;
font-size: 14px;
color: #ffffff;
letter-spacing: 4px;
font-weight: normal;
}
#site_title h1 a:hover span {
font-weight: normal;
}
#templatemo_site_title_bar #twitter a {
margin-top: 30px;
float: right;
display: block;
width: 68px;
height: 83px;
background: url() no-repeat;
}
/* end of site title bar */
/* content */
#templatemo_content_wrapper {
clear:both;
width: 100%;
height: 555px;
margin: 0 auto;
background: url(http://img205.imageshack.us/img205/4724/templatemocontentbg.jpg) top center no-repeat;
}
#templatemo_content {
width: 800px;
height: 555px;
margin: 0 auto;
padding: 0 10px;
background: url(http://img205.imageshack.us/img205/4724/templatemocontentbg.jpg) top center no-repeat;
}
.section_w320 {
width: 320px;
}
.section_w320 .w320_content {
float: right;
width: 180px;
}
#templatemo_content p {
margin-bottom: 10px;
}
.service_list {
margin: 0 0 20px 0;
padding: 0px;
list-style: decimal;
}
.service_list li {
margin: 0px;
padding: 5px 0;
}
.portfolio_box {
float: left;
width: 200px;
margin-bottom: 20px;
}
.port_img {
width: 182px;
margin: 0 0 10px 0;
border: 1px solid #000;
}
.port_img img {
border: 1px solid #666;
}
.port_content {
clear: both;
width: 200px;
}
.portfolio_box .port_content p {
margin-bottom: 0;
padding-bottom: 0px;
}
#contact_form {
float: left;
width: 400px;
padding: 20px 0 0 0;
}
#contact_form form {
margin: 0px;
padding: 0px;
/*border:1px solid #e2d1be;
padding: 20px 20px 10px 20px; */
}
#contact_form form .input_field {
height: 18px;
width: 230px;
}
#contact_form form label {
float: left;
display: inline-block;
width: 100px;
text-align: right;
margin-right: 10px;
font-size: 14px;
}
#contact_form form textarea {
width: 230px;
height: 100px;
}
#contact_form form .submit_btn {
margin-left: 108px;
}
.em_text {
color: #ffffff;
}
.address_info {
float: right;
padding: 10px 0 0 0;
width: 300px;
font-size: 14px;
line-height: 30px;
}
.address_info h3 {
border-bottom: 1px solid #ffffff;
}
/* end of content */
/* content */
#templatemo_footer_wrapper {
clear: both;
width: 100%;
height: 350px;
margin: 0 auto;
background: url(http://img834.imageshack.us/img834/9223/templatemofooterbg.jpg) top center no-repeat;
}
#templatemo_footer {
width: 800px;
height: 320px;
margin: 0 auto;
padding: 15px 10px;
color: #ece9e6;
text-align: center;
background: url(http://img834.imageshack.us/img834/9223/templatemofooterbg.jpg) top center no-repeat;
}
#templatemo_footer a {
font-weight: bold;
color: #ffffff;
text-decoration: none;
}
/* end of content */
.stripViewer .panelContainer .panel ul {
text-align: left;
margin: 0 15px 0 30px;
padding: 0;
}
.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
margin: 0;
position: relative;
width: 700px;
}
/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 550px; background: none; overflow: hidden;}
.csw .loading { margin: 200px 0 0 0; text-align: center; width: 800px; height: 500px;}
.stripViewer { /* This is the viewing window */
position: relative;
overflow: hidden;
margin: auto;
width: 800px; /* Also specified in .stripViewer .panelContainer .panel below */
height: 460px;
clear: both;
}
.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS */
position: relative;
left: 0; top: 0;
width: 100%;
list-style-type: none;
/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}
.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
float:left;
height: 100%;
position: relative;
width: 800px; /* Also specified in .stripViewer above */
}
.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
overflow: hidden;
padding: 10px 40px 20px 40px;
height: 425px;
}
.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
float: left;
display: block;
width: 762px;
height: 53px;
margin: 20px 19px;
}
.stripNav ul { /* The auto-generated set of links */
margin: 0;
padding: 0;
height: 53px;
width: 762px;
list-style: none;
background: url(http://img31.imageshack.us/img31/5121/templatemomenu.png) no-repeat;
}
.stripNav ul li {
float: left;
margin-right: 10px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
background: url(http://img693.imageshack.us/img693/9149/templatemomenudivider.png) top right no-repeat;
}
.stripNav a {
font-size: 14px;
font-weight: bold;
text-align: center;
background: #c6e3ff;
color: #beb09a;
padding: 10px 0 0 0;
text-decoration: none;
display: block;
height: 42px;
width: 120px;
outline: none;
}
.stripNav li a { background: none; }
/*
.stripNav li.tab2 a { background: #60c }
.stripNav li.tab3 a { background: #63f }
.stripNav li.tab4 a { background: #63c }
.stripNav li.tab5 a { background: #00e } */
.stripNav li a:hover {
color: #ffffff;
background: url(http://img828.imageshack.us/img828/3513/templatemomenuhover.png) bottom center no-repeat;
}
.stripNav li a.current {
color: #ffffff;
background: url(http://img828.imageshack.us/img828/3513/templatemomenuhover.png) bottom center no-repeat;
}
.stripNavL, .stripNavR { /* The left and right arrows */
position: absolute;
top: 230px;
text-indent: -9000em;
}
.stripNavL a, .stripNavR a {
display: block;
height: 0px;
width: 0px;
}
.stripNavL {
left: 0;
}
.stripNavR {
right: 0;
}
.stripNavL {
background: url("http://img842.imageshack.us/img842/6015/arrowleft.gif") no-repeat center;
}
.stripNavR {
background: url("http://img97.imageshack.us/img97/5579/arrowrightp.gif") no-repeat center;
} |
|
↑
|
|
|
-
csshost
Bedava-Sitem Bağımlısı
|
08.08.2010, 09:33 (UTC) Mesaj konusu: |
|
|
Kod: /* content */
#templatemo_footer_wrapper {
clear: both;
width: 100%;
height: 250px;
margin: 0 auto;
background: url(http://img834.imageshack.us/img834/9223/templatemofooterbg.jpg) top center no-repeat;
}
#templatemo_footer {
width: 800px;
height: 100px;
margin: 0 auto;
padding: 15px 10px;
color: #ece9e6;
text-align: center;
background: url(http://img834.imageshack.us/img834/9223/templatemofooterbg.jpg) top center no-repeat;
}
#templatemo_footer a {
font-weight: bold;
color: #ffffff;
text-decoration: none;
}
/* end of content */
kod içerisindeki bölümü bu kod ile değiştiriniz..
iyi çalışmalar..______________ Csshost toplist açıldı tıklayınız!
Facebook Sayfanız İçin Hazır Fbml Kodları..
|
|
↑
|
|
|
-
powerlevelsilkroad
Acemi Üye
|
08.08.2010, 09:37 (UTC) Mesaj konusu: |
|
|
Dostum ilgin için teşekkürler ama olmadı dediğin gibi yaptım. |
|
↑
|
|
|
-
csshost
Bedava-Sitem Bağımlısı
|
|
↑
|
|
|
-
ibrahmgun
Uzman Üye
|
08.08.2010, 10:00 (UTC) Mesaj konusu: |
|
|
Sayfa genişletme dedigin sanırım.. |
|
↑
|
|
|
-
csshost
Bedava-Sitem Bağımlısı
|
08.08.2010, 10:01 (UTC) Mesaj konusu: |
|
|
|
|
↑
|
|
|
-
h-k-d
Aktif Üye
Konum: [ ..::: Ankara ::::.. ] Duyuru: Sitemiz açılmıştır.
|
08.08.2010, 10:26 (UTC) Mesaj konusu: |
|
|
siten firefoxta bozuk gözüküyor ______________
Beni çekemeyen anten taksın.
21.07.2010 04:59:04'dan beri size hizmet veriyoruz. |
|
↑
|
|
|
-
powerlevelsilkroad
Acemi Üye
|
08.08.2010, 11:20 (UTC) Mesaj konusu: |
|
|
firefoxta bozuk göründüğünü biliyorum ve şu anda onu düzeltmeye çalışıyorum.
ayrıca sayfa sabitleme koduna gerek kalmadı çünkü buldum |
|
↑
|
|
|
-
paylasimkaynagi
Bedava-Sitem Bağımlısı
|
12.08.2010, 08:39 (UTC) Mesaj konusu: |
|
|
kardeş stil kodlarınına şunu yazsan yeter (yani css bölümüne )
Kod:
body{
position:fixed;
}
bunu eklersen sayfan sabitlenir aşağıyada yukarıyada hareket etmez eğer body adında zaten css kodlarında stil tanımlanmışsa direkt
bu kodu arasına eklesen yeter
kolay gelsin iyi çalışmalar bunu ben denedim çalışıyor olmassa bana özelden yazabilirsin. |
|
↑
|
|
|
-
paylasimkaynagi
Bedava-Sitem Bağımlısı
|
12.08.2010, 08:43 (UTC) Mesaj konusu: |
|
|
başlıklara bakmamıştım css kounu vermişsin ekledim kodu css arasına bi dene bakalım
Kod: /*
Credit: http://www.templatemo.com
*/
body {
[b]position:fixed;[/b]
margin: 0;
padding: 0;
line-height: 1.5em;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #dfdcd8;
background: #1e1409 url(http://img291.imageshack.us/img291/5320/templatemobodytop.jpg) repeat-x top;
}
a:link, a:visited { color: #ffffff; text-decoration: underline; font-weight: normal; }
a:active, a:hover { color: #FFFF66; text-decoration: none; }
p { margin: 0px; padding: 0px; }
img { margin: 0px; padding: 0px; border: none; }
.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px; }
.cleaner_h10 { clear: both; width:100%; height: 10px; }
.cleaner_h20 { clear: both; width:100%; height: 20px; }
.cleaner_h30 { clear: both; width:100%; height: 30px; }
.cleaner_h40 { clear: both; width:100%; height: 40px; }
.cleaner_h50 { clear: both; width:100%; height: 50px; }
.cleaner_h60 { clear: both; width:100%; height: 60px; }
.horizontal_divider {
height: 15px;
background: url() no-repeat bottom center;
}
.fl { float: left; }
.fr { float: right; }
.margin_r50 { margin-right: 50px; }
.button_01 a {
display: block;
width: 81px;
height: 23px;
padding: 5px 0 0 0;
background: url(http://img12.imageshack.us/img12/8253/templatemobutton.png) no-repeat;
text-align: center;
color: #d1c2ac;
font-size: 13px;
font-weight: bold;
text-decoration: none;
}
.button_01 a:hover {
background: url(http://img130.imageshack.us/img130/1126/templatemobuttonhover.png) no-repeat;
}
h1 {
margin: 0px;
padding: 0px;;
font-size: 30px;
font-weight: bold;
color: #ffffff;
}
h2 {
font-family: Georgia, "Times New Roman", Times, serif;
margin: 0 0 20px 0;
padding: 3px 0;
font-size: 28px;
font-weight: normal;
color: #ffffff;
}
h3 {
font-family: Georgia, "Times New Roman", Times, serif;
margin: 0 0 5px 0;
padding: 5px 0;
font-size: 16px;
font-weight: bold;
font-weight: bold;
color: #ffffff;
}
.image_wrapper {
border: 1px solid #000;
padding: 5px;
margin-top: 3px;
margin-bottom: 5px;
background: #333;
}
.fl_image {
float: left;
margin-right: 15px
}
.fr_image {
float: right;
margin-left: 15px
}
.image_wrapper img {
border: 1px solid #000000;
}
/* site title bar */
/* site title */
#templatemo_site_title_bar_wrapper {
position: relative;
width: 100%;
height: 130px;
margin: 0 auto;
background: url(http://img193.imageshack.us/img193/997/templatemoheaderbgn.jpg) center top no-repeat;
}
#templatemo_site_title_bar {
width: 780px;
height: 130px;
margin: 0 auto;
padding: 0 20px;
background: url(http://img193.imageshack.us/img193/997/templatemoheaderbgn.jpg) center top no-repeat;
}
#templatemo_site_title_bar #site_title {
float: left;
padding: 5px 0;
margin: 20px 0 0 0;
background: url(images/templatemo_site_title_bg.jpg) top left no-repeat;
}
#site_title h1 a {
margin: 0px;
padding: 0px;
font-size: 24px;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}
#site_title h1 a:hover {
font-weight: bold;
text-decoration: none;
}
#site_title h1 a span {
display: block;
padding-left: 20px;
margin-top: 5px;
font-size: 14px;
color: #ffffff;
letter-spacing: 4px;
font-weight: normal;
}
#site_title h1 a:hover span {
font-weight: normal;
}
#templatemo_site_title_bar #twitter a {
margin-top: 30px;
float: right;
display: block;
width: 68px;
height: 83px;
background: url() no-repeat;
}
/* end of site title bar */
/* content */
#templatemo_content_wrapper {
clear:both;
width: 100%;
height: 555px;
margin: 0 auto;
background: url(http://img205.imageshack.us/img205/4724/templatemocontentbg.jpg) top center no-repeat;
}
#templatemo_content {
width: 800px;
height: 555px;
margin: 0 auto;
padding: 0 10px;
background: url(http://img205.imageshack.us/img205/4724/templatemocontentbg.jpg) top center no-repeat;
}
.section_w320 {
width: 320px;
}
.section_w320 .w320_content {
float: right;
width: 180px;
}
#templatemo_content p {
margin-bottom: 10px;
}
.service_list {
margin: 0 0 20px 0;
padding: 0px;
list-style: decimal;
}
.service_list li {
margin: 0px;
padding: 5px 0;
}
.portfolio_box {
float: left;
width: 200px;
margin-bottom: 20px;
}
.port_img {
width: 182px;
margin: 0 0 10px 0;
border: 1px solid #000;
}
.port_img img {
border: 1px solid #666;
}
.port_content {
clear: both;
width: 200px;
}
.portfolio_box .port_content p {
margin-bottom: 0;
padding-bottom: 0px;
}
#contact_form {
float: left;
width: 400px;
padding: 20px 0 0 0;
}
#contact_form form {
margin: 0px;
padding: 0px;
/*border:1px solid #e2d1be;
padding: 20px 20px 10px 20px; */
}
#contact_form form .input_field {
height: 18px;
width: 230px;
}
#contact_form form label {
float: left;
display: inline-block;
width: 100px;
text-align: right;
margin-right: 10px;
font-size: 14px;
}
#contact_form form textarea {
width: 230px;
height: 100px;
}
#contact_form form .submit_btn {
margin-left: 108px;
}
.em_text {
color: #ffffff;
}
.address_info {
float: right;
padding: 10px 0 0 0;
width: 300px;
font-size: 14px;
line-height: 30px;
}
.address_info h3 {
border-bottom: 1px solid #ffffff;
}
/* end of content */
/* content */
#templatemo_footer_wrapper {
clear: both;
width: 100%;
height: 350px;
margin: 0 auto;
background: url(http://img834.imageshack.us/img834/9223/templatemofooterbg.jpg) top center no-repeat;
}
#templatemo_footer {
width: 800px;
height: 320px;
margin: 0 auto;
padding: 15px 10px;
color: #ece9e6;
text-align: center;
background: url(http://img834.imageshack.us/img834/9223/templatemofooterbg.jpg) top center no-repeat;
}
#templatemo_footer a {
font-weight: bold;
color: #ffffff;
text-decoration: none;
}
/* end of content */
.stripViewer .panelContainer .panel ul {
text-align: left;
margin: 0 15px 0 30px;
padding: 0;
}
.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
margin: 0;
position: relative;
width: 700px;
}
/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 550px; background: none; overflow: hidden;}
.csw .loading { margin: 200px 0 0 0; text-align: center; width: 800px; height: 500px;}
.stripViewer { /* This is the viewing window */
position: relative;
overflow: hidden;
margin: auto;
width: 800px; /* Also specified in .stripViewer .panelContainer .panel below */
height: 460px;
clear: both;
}
.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS */
position: relative;
left: 0; top: 0;
width: 100%;
list-style-type: none;
/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}
.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
float:left;
height: 100%;
position: relative;
width: 800px; /* Also specified in .stripViewer above */
}
.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
overflow: hidden;
padding: 10px 40px 20px 40px;
height: 425px;
}
.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
float: left;
display: block;
width: 762px;
height: 53px;
margin: 20px 19px;
}
.stripNav ul { /* The auto-generated set of links */
margin: 0;
padding: 0;
height: 53px;
width: 762px;
list-style: none;
background: url(http://img31.imageshack.us/img31/5121/templatemomenu.png) no-repeat;
}
.stripNav ul li {
float: left;
margin-right: 10px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
background: url(http://img693.imageshack.us/img693/9149/templatemomenudivider.png) top right no-repeat;
}
.stripNav a {
font-size: 14px;
font-weight: bold;
text-align: center;
background: #c6e3ff;
color: #beb09a;
padding: 10px 0 0 0;
text-decoration: none;
display: block;
height: 42px;
width: 120px;
outline: none;
}
.stripNav li a { background: none; }
/*
.stripNav li.tab2 a { background: #60c }
.stripNav li.tab3 a { background: #63f }
.stripNav li.tab4 a { background: #63c }
.stripNav li.tab5 a { background: #00e } */
.stripNav li a:hover {
color: #ffffff;
background: url(http://img828.imageshack.us/img828/3513/templatemomenuhover.png) bottom center no-repeat;
}
.stripNav li a.current {
color: #ffffff;
background: url(http://img828.imageshack.us/img828/3513/templatemomenuhover.png) bottom center no-repeat;
}
.stripNavL, .stripNavR { /* The left and right arrows */
position: absolute;
top: 230px;
text-indent: -9000em;
}
.stripNavL a, .stripNavR a {
display: block;
height: 0px;
width: 0px;
}
.stripNavL {
left: 0;
}
.stripNavR {
right: 0;
}
.stripNavL {
background: url("http://img842.imageshack.us/img842/6015/arrowleft.gif") no-repeat center;
}
.stripNavR {
background: url("http://img97.imageshack.us/img97/5579/arrowrightp.gif") no-repeat center;
}
|
|
↑
|
|
|
|