Support | Kriesi.at – Premium WordPress Themes

Forum Replies Created

Viewing 7 posts - 1 through 7 (of 7 total)

Author

Posts

December 21, 2015 at 4:08 pm in reply to: Adding new menu items (like a button) #555994

cagriteknoloji

Participant

Adaş merhaba tekrardan,
bi üstümdeki kod için konuşuyorum.
margin ile göstermek istemiyorum.

Mobil menü’ye meni üstüne ayrıyetten bi logo eklemek istiyorum. Bunu nasıl yapabilirim?

December 21, 2015 at 2:40 pm in reply to: How to remove border on page? #555927

cagriteknoloji

Participant

not work :(

December 21, 2015 at 1:49 pm in reply to: Adding new menu items (like a button) #555898

cagriteknoloji

Participant

Mobildeyken mobil menü içerisinde en alt veya en üst olabilir. En üste logo da eklemek istiyorum (açılan mobil menü içine)

December 21, 2015 at 12:09 am in reply to: Adding new menu items (like a button) #555696

cagriteknoloji

Participant

Hey adaş,

Tahminimce oldukça yoğunsun :)
Ben kırık linki düzelttim ve menüye ekledim. Fakat normal menü boşluk oluşturmadı ve logo’nun önüne aldı.

Responsive’i bozmayacak şekilde menü’ye eklemek ve mobil’de de gelen sayfada menü’nün üstüne yerleştirmek istiyorum.
Gerekli ayarlamaları yapmak için nereleri düzenlemek lazım?

December 17, 2015 at 5:31 pm in reply to: Best resolution for Fullscreen Slider? #554536

cagriteknoloji

Participant

But;

when you resize the website, images are sharper but when you leave it’s blurs.

I record video; https://www.wetransfer.com/downloads/513cca211b30d0a97eae12a74b57170320151217151734/92fa2327c9365a5b4d459972364a936920151217151734/400a82

you can see.

December 17, 2015 at 3:59 pm in reply to: Adding new menu items (like a button) #554452

cagriteknoloji

Participant

çok teşekkür ederim adaş. eklemek istediğim css dosyalarını da buraya ekliyeyim.
Vaktin olunca bakarsın. Sonradan düzenlemesini ben yaparım. Teşekkürler.

.switch {
	position: relative;
	display: block;
	vertical-align: top;
	width: 70px;
	height: 30px;
	padding: 3px;
	margin:0;
	background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px);
	background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px);
	border-radius: 18px;
	box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
	cursor: pointer;
}
.switch-input {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
.switch-label {
	position: relative;
	display: block;
	height: inherit;
	font-size: 10px;
	text-transform: uppercase;
    background-image: url("http://www.cagriteknoloji.com.tr/img/tr.png");
	border-radius: inherit;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
}
.switch-label:before, .switch-label:after {
	position: absolute;
	top: 50%;
	margin-top: -.5em;
	line-height: 1;
	-webkit-transition: inherit;
	-moz-transition: inherit;
	-o-transition: inherit;
	transition: inherit;
}
.switch-label:before {
	content: attr(data-off);
	right: 11px;
	color: #aaaaaa;
	text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.switch-label:after {
	content: attr(data-on);
	left: 11px;
	color: #FFFFFF;
	text-shadow: 0 1px rgba(0, 0, 0, 0.2);
	opacity: 0;
}
.switch-input:checked ~ .switch-label {
	background-image: url("img/tr.png");
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.switch-input:checked ~ .switch-label:before {
	opacity: 0;
}
.switch-input:checked ~ .switch-label:after {
	opacity: 1;
}
.switch-handle {
	position: absolute;
	top: 4px;
	left: 4px;
	width: 28px;
	height: 28px;
	background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
	background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
	border-radius: 100%;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}
.switch-handle:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -6px;
	width: 12px;
	height: 12px;
	background: linear-gradient(to bottom, #eeeeee, #FFFFFF);
	background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);
	border-radius: 6px;
	box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
}
.switch-input:checked ~ .switch-handle {
	left: 45px;
	box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}
/* Switch Left Right
==========================*/
.switch-left-right .switch-label {
	overflow: hidden;
}
.switch-left-right .switch-label:before, .switch-left-right .switch-label:after {
	width: 20px;
	height: 20px;
	top: 4px;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 11px 0 0 0;
	text-indent: -12px;
	border-radius: 20px;
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2), inset 0 0 3px rgba(0, 0, 0, 0.1);
}
.switch-left-right .switch-label:before {
	background-image: url("http://www.cagriteknoloji.com.tr/img/en.png");
    background-repeat: no-repeat;
	text-align: left;
    padding-left: 80px;
    width: 100%;
    left: 20px;
	opacity: 1;
}
.switch-left-right .switch-label:after {
	text-align: left;
	text-indent: -9px;
	background-image: url("http://www.cagriteknoloji.com.tr/img/tr.png");
	left: -50px;
	opacity: 1;
	width: 100%;
}

.switch-left-right .switch-input:checked ~ .switch-label:before {
	opacity: 1;
	left: 50px;
}
.switch-left-right .switch-input:checked ~ .switch-label:after {
	left: 0;
}
.switch-left-right .switch-input:checked ~ .switch-label {
	background: inherit;
}

/* Switch Slide
==========================*/
.switch-slide {
	padding: 0;
	background: #FFF;
	border-radius: 0;
	background-image: none;
}
.switch-slide .switch-label {
	box-shadow: none;
	background: none;
	overflow: hidden;
}
.switch-slide .switch-label:after, .switch-slide .switch-label:before {
	width: 100%;
	height: 65%;
	top: 5px;
	left: 0;
	text-align: center;
	padding-top: 10%;
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2), inset 0 0 3px rgba(0, 0, 0, 0.1);
}

/* Transition
============================================================ */
.switch-label, .switch-handle {
	transition: All 0.2s ease;
	-webkit-transition: All 0.2s ease;
	-moz-transition: All 0.2s ease;
	-o-transition: All 0.2s ease;
}

December 17, 2015 at 3:46 pm in reply to: Adding new menu items (like a button) #554434

cagriteknoloji

Participant

http://prntscr.com/9f9i0u

şurada ekran görüntüsündeki switchable butonu eklemek istiyorum.
css kısmını entegre ettim.

html kısım kodları şöyle;

<div class="dil">

				<label class="switch switch-left-right">
						<input class="switch-input" type="checkbox" checked id="language_tr"/>
                    <span class="switch-label" data-on="" data-off=""></span> <span class="switch-handle"></span> </label>

</div>

<script>
$(function() {
    $('#language_tr').change(function() {
        if($("#language_tr").is(':checked')) {
            window.location = "http://www.eksisozluk.com";
        }
        else {
            window.location = "http://www.amazon.com";
        }
    })
})    
</script>

Author

Posts

Viewing 7 posts - 1 through 7 (of 7 total)