Dersler => Webmaster => SMF => Konuyu başlatan: D®agon - 27 Kasım 2017, 13:17:49
-
Sitemizde kullanılan Reseller temanın modifiye hallerini sizinle paylaşmak istiyorum.
Scroll down (Yukarı tuşu) eklemek:
Index.template.php
Ara:
// Show right to left and the character set for ease of translating.
echo '<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"', $context['right_to_left'] ? ' dir="rtl"' : '', '>
<head>
<link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/css/bootstrap.css" />
<link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/css/reseller.css" />
<link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/css/index', $context['theme_variant'], '.css?fin20" />';
Aşağıdaki kod ile Değiştirin:
// Show right to left and the character set for ease of translating.
echo '<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"', $context['right_to_left'] ? ' dir="rtl"' : '', '>
<head>
<link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/css/bootstrap.css" />
<link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/css/reseller.css" />
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/css/index', $context['theme_variant'], '.css?fin20" />';
Ara:
<script type="text/javascript">
$(document).ready(function(){
var previousScroll = 0, headerOrgOffset = $("nav").height();
$(window).scroll(function () {
var currentScroll = $(this).scrollTop();
if (currentScroll > headerOrgOffset) {
if (currentScroll > previousScroll) {
$("nav").fadeOut();
} else {
$("nav").fadeIn();
}
} else {
$("nav").fadeIn();
}
previousScroll = currentScroll;
});
$("input[type=button]").attr("class", "btn btn-default btn-sm");
$(".button_submit").attr("class", "btn btn-primary btn-sm");
$("#advanced_search input[type=\'text\'], #search_term_input input[type=\'text\']").removeAttr("size");
$(".table_grid").attr("class", "table table-striped");
$("img[alt=\'', $txt['new'], '\'], img.new_posts").replaceWith("<span class=\'label label-warning\'>', $txt['new'], '</span>");
$("#profile_success").removeAttr("id").removeClass("windowbg").addClass("alert alert-success");
$("#profile_error").removeAttr("id").removeClass("windowbg").addClass("alert alert-danger");
});
</script>
Aşağıdaki kod ile Değiştirin:
<script type="text/javascript">
$(document).ready(function(){
var previousScroll = 0, headerOrgOffset = $("nav").height();
$(window).scroll(function () {
var currentScroll = $(this).scrollTop();
if (currentScroll > headerOrgOffset) {
if (currentScroll > previousScroll) {
$("nav").fadeOut();
} else {
$("nav").fadeIn();
}
} else {
$("nav").fadeIn();
}
previousScroll = currentScroll;
});
$(window).scroll(function() {
if ($(this).scrollTop() >= 50) { // If page is scrolled more than 50px
$("#return-to-top").fadeIn(200); // Fade in the arrow
} else {
$("#return-to-top").fadeOut(200); // Else fade out the arrow
}
});
$("#return-to-top").click(function() { // When arrow is clicked
$("body,html").animate({
scrollTop : 0 // Scroll to top of body
}, 500);
});
$("input[type=button]").attr("class", "btn btn-default btn-sm");
$(".button_submit").attr("class", "btn btn-primary btn-sm");
$("#advanced_search input[type=\'text\'], #search_term_input input[type=\'text\']").removeAttr("size");
$(".table_grid").attr("class", "table table-striped");
$("img[alt=\'', $txt['new'], '\'], img.new_posts").replaceWith("<span class=\'label label-warning\'>', $txt['new'], '</span>");
$("#profile_success").removeAttr("id").removeClass("windowbg").addClass("alert alert-success");
$("#profile_error").removeAttr("id").removeClass("windowbg").addClass("alert alert-danger");
});
</script>
Ara:
<footer>
Aşağıdaki kod ile Değiştirin:
<a href="javascript:" id="return-to-top"><i class="icon-chevron-up"></i></a>
<footer>
Reseller.css
Sonuna kadar ekleyin:
#return-to-top {
position: fixed;
bottom: 20px;
right: 20px;
background: rgb(0, 0, 0);
background: rgba(0, 0, 0, 0.7);
width: 50px;
height: 50px;
display: block;
text-decoration: none;
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
border-radius: 35px;
display: none;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#return-to-top i {
color: #fff;
margin: 0;
position: relative;
left: 16px;
top: 13px;
font-size: 19px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#return-to-top:hover {
background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
color: #fff;
top: 5px;
}
Avatarın çok büyük olduğunu söyleyenler bunu yapsın:
Index.css
Ara ve sil:
.poster li.avatar img
{
width: 100%;
}
Mavi arka planı değiştirmek ister misiniz?
Ara Reseller.css:
header
{
background: #3498db;
box-shadow: 0 -3px #9fc6e0 inset;
padding: 20px 0;
}
Sayfanın alt kısmına bir Google + simgesi eklemenin yolu:
index.template.php (Themes/Reseller)
Ara:
if(!empty($settings['youtube_check']))
echo'
<a href="', !empty($settings['youtube_text']) ? $settings['youtube_text'] : 'http://www.youtube.com' ,'"><img src="', $settings['images_url'], '/social_icons/youtube.png" alt="', $txt['rs_youtube'], '" /></a>';
Aşağıdaki Kod ile Değiştirin:
if(!empty($settings['youtube_check']))
echo'
<a href="', !empty($settings['youtube_text']) ? $settings['youtube_text'] : 'http://www.youtube.com' ,'"><img src="', $settings['images_url'], '/social_icons/youtube.png" alt="', $txt['rs_youtube'], '" /></a>';
if(!empty($settings['google_check']))
echo'
<a href="', !empty($settings['google_text']) ? $settings['google_text'] : 'http://www.google.com' ,'"><img src="', $settings['images_url'], '/social_icons/google.png" alt="', $txt['rs_google'], '" /></a>';
Settings.template.php (Themes/Reseller)
Ara:
array(
'id' => 'youtube_check',
'label' => $txt['youtube_check'],
),
array(
'id' => 'youtube_text',
'label' => $txt['youtube_text'],
'type' => 'text',
),
Aşağıdaki Kod ile Değiştirin:
array(
'id' => 'youtube_check',
'label' => $txt['youtube_check'],
),
array(
'id' => 'youtube_text',
'label' => $txt['youtube_text'],
'type' => 'text',
),
array(
'id' => 'google_check',
'label' => $txt['google_check'],
),
array(
'id' => 'google_text',
'label' => $txt['google_text'],
'type' => 'text',
),
ThemeStrings.english.php (Themes/Reseller/languages)
Bul:
?>
Öncesine Ekle :
$txt['rs_google'] = 'google +';
$txt['google_check'] = 'Enable icon of google +';
$txt['google_text'] = 'URL of the page to google +';