@Muhammed06;
<!DOCTYPE html>
<HTML>
<HEAD>
<STYLE>
#content {
width:750px;
text-align:center;
}
#title {
background:#FFFFFF;
}
li a, li a:visited {
color:#FFFFFF;
text-decoration: none;
}
.SS_DataBaseIndex a { color:#231F20; }
div.SS_EJP_TabContainer {
display:none;
}
#title {
background:#FFFFFF;
}
div.searchbox a {
text-decoration:none;
color:#254C8B;
}
div.searchbox a:hover {
text-decoration:underline;
}
/*----- Summon Tabs -----*/
.tabs {
background:#FFFFFF;
text-align:left;
padding-left:-180px;
font-family:arial;
text-decoration:none;
font-weight:bold;
width:750px;
display:inline-block;
border: 0px solid #1C67B2;
width:750px;
}
.tabs a:hover {
text-decoration:underline;
}
/*----- Tab Links -----*/
/* Clearfix */
.tab-links:after {
display:block;
clear:both;
content:'';
}
.tab-links li {
background:#FFFFFF;
padding-right:3px;
float:left;
list-style:none;
}
.tab-links a {
padding:10px 10px;
display:inline-block;
border-radius:0px 0px 0px 0px;
background:#1C67B2;
font-family:arial;
text-decoration:none;
font-size:15px;
color:#FFFFFF;
transition:all linear 0.25s;
}
.tab-links a:hover {
background:#1C67B2;
text-decoration:none;
}
li.active a, li.active a:hover {
background:#ED1B23;
color:#FFFFFF;
}
/*----- Content of Tabs -----*/
.tab {
display:none;
}
.tab.active {
display:block;
}
html, body, div, dl, dt, dd, ul,
ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, label, p, blockquote, th, td {
margin: 0;
padding: 0;
}
ul {
background:#FFFFFF;
list-style-type: none;
zoom: 1.0;
}
a {
text-decoration: none;
color: #3a6f8f;
}
.tabs input {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 1.428571429;
text-align: left;
white-space: nowrap;
vertical-align: middle;
cursor: auto;
background-image: none;
border: 1px solid #1C67B2;
border-radius: 0px;
width:600px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.tabs input, .tabs textarea, .tabs select{
-webkit-appearance: none;
-moz-appearance:none;
}
.tabs input[type='submit'] {
cursor: pointer;
width:60px;
height:30px;
font-family:arial;
font-weight:bold;
font-size:12px;
text-align:center;
vertical-align:middle;
}
.tabs input[type='submit']:hover{
background:#ED1B23;
color:#FFFFFF;
}
/*----- Checkboxes -----*/
.tabs input[type='checkbox'] {
cursor: pointer;
background:#1C67B2;
width:auto;
height:15px;
background:#FFFFFF;
-webkit-appearance:checkbox;
transform: scale(1); /* FF 16+, IE 10+ */
-webkit-transform: scale(1); /* Chrome, Safari 3.5+, Opera 15+ */
-ms-transform: scale(1); /* legacy: IE 9+ */
-moz-transform: scale(1); /* legacy: FF 3.5+ */
-o-transform: scale(1); /* legacy: Opera 10.5 */
}
label {
cursor: pointer;
}
.tabs button {
cursor: pointer;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
overflow: hidden;
border-width: 0;
border-radius: 3px;
}
.searchbox {
padding-top:20px;
height:170px;
width:680px;
background:#FFFFFF;
font-size:12px;
border:1px solid #1C67B2;
line-height:40px;
text-align:left
}
.searchbox a {
color:#FFFFFF;
line-height:40px;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
$('.tabs .tab-links a').on('click', function(e) {
var currentAttrValue = $(this).attr('href');
// Show/Hide Tabs
$('.tabs ' + currentAttrValue).show().siblings().hide();
// Change/remove current tab to active
$(this).parent('li').addClass('active').siblings().removeClass('active');
e.preventDefault();
});
});
</script>
</HEAD>
<BODY>
<div id="content">
<div class="tabs">
<div id="title"><center>
</div>
<ul class="tab-links">
<li class="active"><a href="#tab1">Tüm Kaynaklar</a></li>
<li><a href="#tab2">Süreli Yayın Makaleleri</a></li>
<li><a href="#tab3">Kitaplar</a></li>
<li><a href="#tab4">Kütüphane Kataloğu</a></li>
</ul>
<div class="tab-content">
<div id="tab1" class="tab active">
<div class="searchbox">
<form action="http://kkutr.summon.serialssolutions.com/search" target=_blank>
<input name="s.q" onfocus="this.value='';" value="" size="25" placeholder="makale, kitap, yazar, konu, vs. arayın" type="text">
<input value="Ara" type="submit"><br>
</form>
<a href="http://kkutr.summon.serialssolutions.com/#!/advanced" style="color: #1C67B2" target=_blank">Gelişmiş Arama</a>
<a href="http://lj6lh2uc3m.search.serialssolutions.com/" style="color: #1C67B2" target=_blank">A-Z Dergi Listesi</a>
</div>
</div>
<div id="tab2" class="tab">
<div class="searchbox">
<form action="http://kkutr.summon.serialssolutions.com/search" target=_blank><input name="s.fvf[]" value="ContentType,Journal Article" type="hidden">
<input type="text" name="s.q" onfocus="this.value='';" value="" size="25" placeholder="başlık, yazar, ISSN, DOI, vs. ile arayın">
<input type="submit" value="Ara">
<br>
<input type="checkbox" style="background:transparent;border:0" name="s.fvf[]" value="IsScholarly,true"> Sadece Akademik ve Hakemli
<input type="checkbox" style="background:transparent;border:0" name="s.ho" value="f"> Kütüphane Koleksiyonu Dışından Sonuçlar<br>
</form>
</div>
</div>
<div id="tab3" class="tab">
<div class="searchbox">
<form action="http://kkutr.summon.serialssolutions.com/search" target=_blank><input name="s.fvf[]" value="ContentType,Book / eBook,f" type="hidden">
<input type="text" name="s.q" value="" size="25" placeholder="başlık, yazar, ISBN, vs. ile arayın">
<input type="submit" value="Ara">
<br>
<input type="checkbox" style="background:transparent;border:0" name="s.fvf[]" value="IsFullText,true"> Sadece E-Kitaplar
<input type="checkbox" style="background:transparent;border:0" name="s.ho" value="f"> Kütüphane Koleksiyonu Dışından Sonuçlar<br>
</form>
</div>
<div id="tab4" class="tab">
<div class="searchbox">
<form name="AF" method="get" action="http://kutuphane.kku.edu.tr/yordambt/yordam.php?" target="_blank">
<input name="betik" placeholder="kitap, e-Kitap, süreli Yayın arayın..." type="text">
<input name="-ac" value="arama" type="hidden">
<input value="Ara" type="submit">
<script language="javascript" type="text/javascript">
function cevir(alanadi) {
//document.AF.cAlanlar.value=Utf8.encode(document.AF.cAlanlar.value);
if (document.AF.cAlanlar.value == "" && document.AF.cAlanlar.value.length < 2) {
document.getElementById('yaz').style.visibility = "visible";
document.getElementById('yaz').innerHTML = 'En az iki harften olu?an bir kelime giriniz.';
document.AF.cAlanlar.focus();
return false;
}
var re;
re = /[?&<>!@#]/gi;
if (re.test(document.AF.cAlanlar.value)) {
document.getElementById('yaz').style.visibility = "visible";
document.getElementById('yaz').innerHTML = "( ? & <> ! @ #) karakterleri kullanamazsınız!";
document.AF.cAlanlar.focus();
return false;
}
document.getElementById('yaz').innerHTML = ""
document.getElementById('yaz').style.visibility = "hidden";
}
</script>
<div class="clearfix"></div>
</form>
</div>
</div>
</div>
</div>
</div>
<br />
<!--content--></div>
<!--wrapper--></div>
</BODY>
</HTML>