+- MyBB.de Forum (https://www.mybb.de/forum)
+-- Forum: Anpassungen (https://www.mybb.de/forum/forum-47.html)
+--- Forum: Theme-Diskussionen (https://www.mybb.de/forum/forum-84.html)
+--- Thema: Theme-Header exportieren und bearbeiten (/thread-30871.html)
Seiten: Seiten:
1
2
Theme-Header exportieren und bearbeiten - GameNowDE - 31.10.2014
Hallo.
Derzeit bin ich dabei, meine Website komplett neu zubauen.
Da diese primär für meinen YouTube-Channel gebaut ist, benutze ich derzeit "Cinematico" als CMS, würde aber gerne auch eine MyBB 1.8.1 Installation einbauen.
Ich stelle mir das ganze wie folgt vor:
Das Theme "Revolution Gaming" besitzt einen Header, den ich gerne bearbeiten würde, sodass dort neben "Forum" und "Mitglieder" (etc.) auch "Home", "Videos" und ähnliches verfügbar ist. Danach würde ich mir diese Leiste gerne nehmen und in Cinematico einfügen, sodass sie auch dort zusehen ist.
Wie mache ich das?
Grüße
Benni
PS: Wer sich ein Bild von den Seiten machen will...
Cinematico: http://www.gamenowde.com
MyBB: http://forum.gamenowde.com
RE: Theme-Header exportieren und bearbeiten - MrBrechreiz - 31.10.2014
Laut deinem Wuelltext ist es dieser Abschnitt (den ich aber korrigiert habe)
Code:
<div class="menu">
<ul>
<li id="nav-portal"><a href="http://forum.gamenowde.com/portal.php"><i style="font-size: 12px;" class="fa fa-home fa-fw"></i> Home</a></li>
<li id="nav-forums"> <a href="http://forum.gamenowde.com/index.php"><i style="font-size: 12px;" class="fa fa-comments fa-fw"></i> Forums</a></li>
<li id="nav-search"> <a href="http://forum.gamenowde.com/search.php"><i style="font-size: 12px;" class="fa fa-search fa-fw"></i> Suche</a></li>
<li id="nav-member"> <a href="http://forum.gamenowde.com/memberlist.php"><i style="font-size: 12px;" class="fa fa-users fa-fw"></i> Members</a></li>
<li id="nav-calendar"> <a href="http://forum.gamenowde.com/calendar.php"><i style="font-size: 12px;" class="fa fa-calendar fa-fw"></i> Kalender</a></li>
<li id="nav-help"> <a href="http://forum.gamenowde.com/misc.php?action=help"><i style="font-size: 12px;" class="fa fa-info fa-fw"></i> Hilfe</a></li>
<li><a href='javascript:;' id="extraslink"><i style="font-size: 14px;" class="fa fa-caret-down fa-fw"></i>Extras</a></li>
<ul>
<div id="extraslink_popup" class="popup_menu" style="display: none;">
<div class="popup_item_container">
<a href="http://forum.gamenowde.com/stats.php" class="popup_item">Forum stats</a>
</div>
<div class="popup_item_container">
<a href="http://forum.gamenowde.com/showteam.php" class="popup_item">Show team</a>
</div>
<div class="popup_item_container">
<a href="http://forum.gamenowde.com/search.php?action=getnew" class="popup_item">Neue Beiträge ansehen</a>
</div>
<div class="popup_item_container">
<a href="http://forum.gamenowde.com/search.php?action=getdaily" class="popup_item">Heutige Beiträge ansehen</a>
</div>
<div class="popup_item_container">
<a href="*" class="popup_item">Link five here</a>
</div>
</div>
</div>Dies sollte im Header Templates->header zu finden sein.
Wenn Du nun dies auf deine Hauptseite haben möchtest, müssen die css Definitionen mit in dein Hauptteil.
RE: Theme-Header exportieren und bearbeiten - GameNowDE - 31.10.2014
(31.10.2014, 15:53)MrBrechreiz schrieb: Laut deinem Wuelltext ist es dieser Abschnitt (den ich aber korrigiert habe)
Code:<div class="menu">
<ul>
<li id="nav-portal"><a href="http://forum.gamenowde.com/portal.php"><i style="font-size: 12px;" class="fa fa-home fa-fw"></i> Home</a></li>
<li id="nav-forums"> <a href="http://forum.gamenowde.com/index.php"><i style="font-size: 12px;" class="fa fa-comments fa-fw"></i> Forums</a></li>
<li id="nav-search"> <a href="http://forum.gamenowde.com/search.php"><i style="font-size: 12px;" class="fa fa-search fa-fw"></i> Suche</a></li>
<li id="nav-member"> <a href="http://forum.gamenowde.com/memberlist.php"><i style="font-size: 12px;" class="fa fa-users fa-fw"></i> Members</a></li>
<li id="nav-calendar"> <a href="http://forum.gamenowde.com/calendar.php"><i style="font-size: 12px;" class="fa fa-calendar fa-fw"></i> Kalender</a></li>
<li id="nav-help"> <a href="http://forum.gamenowde.com/misc.php?action=help"><i style="font-size: 12px;" class="fa fa-info fa-fw"></i> Hilfe</a></li>
<li><a href='javascript:;' id="extraslink"><i style="font-size: 14px;" class="fa fa-caret-down fa-fw"></i>Extras</a></li>
<ul>
<div id="extraslink_popup" class="popup_menu" style="display: none;">
<div class="popup_item_container">
<a href="http://forum.gamenowde.com/stats.php" class="popup_item">Forum stats</a>
</div>
<div class="popup_item_container">
<a href="http://forum.gamenowde.com/showteam.php" class="popup_item">Show team</a>
</div>
<div class="popup_item_container">
<a href="http://forum.gamenowde.com/search.php?action=getnew" class="popup_item">Neue Beiträge ansehen</a>
</div>
<div class="popup_item_container">
<a href="http://forum.gamenowde.com/search.php?action=getdaily" class="popup_item">Heutige Beiträge ansehen</a>
</div>
<div class="popup_item_container">
<a href="*" class="popup_item">Link five here</a>
</div>
</div>
</div>
Dies sollte im Header Templates->header zu finden sein.
Wenn Du nun dies auf deine Hauptseite haben möchtest, müssen die css Definitionen mit in dein Hauptteil.
Okay, Danke für deine Hilfe.
Die Bearbeitung der Links war ja an sich selbsterklärend, doch wie ich jetzt die CSS-Definitionen in den Hauptteil bekommen musst du mir erklären.
RE: Theme-Header exportieren und bearbeiten - MrBrechreiz - 31.10.2014
In deiner revolution.min.css wirst Du fündig.
Dies sollte es sein
Code:
.menu{background:#000;float:left;text-align:left;background-color:rgba(0,0,0,.8);width:100%;font-size:13px;font-style:normal}.menu ul{padding:0;margin:0}.menu li{list-style:none;display:inline-block;padding:13px 12px;margin:0;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;font-size:13px;font-style:normal}.menu li:hover,.menu li:active{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}.menu li a:link,.menu li a:visited{color:#fff;text-shadow:1px 1px 0px #262832}RE: Theme-Header exportieren und bearbeiten - GameNowDE - 31.10.2014
Ich habe (fast) keine Ahnung von php, CSS etc.
Wohin soll ich den CSS-Code tun? Wohin den Header-php-Code tun?
Edit:
Der Code der style.css Datei der Hauptseite ist folgender:
Code:
/* Setup
*********************************************************************************************/
html,
body {
height: 100%;
margin: 0;
padding: 0;
}
body {
background: #ffffff;
font-family: 'Lato', sans-serif;
font-size: 16px;
line-height: 24px;
font-weight: 300;
color: #404040;
}
/* Typography
*********************************************************************************************/
@font-face {
font-family: 'icons';
src:url('../fonts/icons.eot');
src:url('../fonts/icons.eot?#iefix') format('embedded-opentype'),
url('../fonts/icons.ttf') format('truetype'),
url('../fonts/icons.woff') format('woff'),
url('../fonts/icons.svg#icons') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
font-family: 'icons';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-edit {
width: 100%;
float: left;
position: relative;
}
.icon-edit:before {
content: "\e601";
font-size: 15px;
color: #cccccc;
position: absolute;
top: 4px;
left: 0;
}
.icon-check:before {
content: "\e600";
}
.icon-out:before {
content: "\e603";
}
.icon-preview:before {
content: "\e604";
}
.icon-close:before {
content: "\e605";
}
.icon-trash:before {
content: "\e606";
}
/* Typography
*********************************************************************************************/
h1 {
font-size: 52px;
line-height: 52px;
font-weight: 700;
color: #404040;
margin: 0 0 10px;
}
h2 {
font-size: 20px;
line-height: 20px;
font-weight: 700;
color: #404040;
margin: 0 0 5px;
}
h3 {
font-size: 16px;
line-height: 28px;
font-weight: 400;
color: #606060;
width: 100%;
float: left;
margin: 0;
}
p, ul {
margin: 0 0 20px;
}
p.notify {
background-color: #f39068;
color: #ffffff;
font-size: 12px;
line-height: 24px;
height: 24px;
float: left;
padding: 0 8px;
}
p.notify a {
color: #ffffff;
font-weight: 400;
text-decoration: underline;
}
a {
color: #404040;
text-decoration: none;
-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
}
em {
font-style: italic;
}
strong {
font-weight: bold;
}
/* Content
*********************************************************************************************/
.bar {
background: #57ca8e;
height: 2px;
position: fixed;
top: 0;
left: 0;
-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
}
#content {
width: 100%;
float: left;
margin: 0;
}
.row {
width: 100%;
float: left;
}
.row.border {
border-bottom: 1px solid #f2f2f0;
padding: 40px 0 20px;
}
.row.images {
padding: 0 0 30px;
}
.row.images h3 {
margin: 0 0 5px;
}
.row.header {
padding: 70px 0 60px;
}
.row.footer {
padding: 10px 0 60px;
}
.row p a {
font-weight: 400;
border-bottom: 1px solid #ebebeb;
}
.row p a:hover {
color: #cccccc;
}
.row.footer p,
.row.footer a {
font-size: 12px;
font-weight: 300;
color: #cccccc;
border: none;
margin: 0;
}
.row.footer a {
background: url('../images/logo-small.jpg') no-repeat;
background-size: 15px;
padding-left: 20px;
}
.row.footer img {
height: 15px;
opacity: 0.4;
}
.row.footer img:hover {
opacity: 0.8;
}
.content {
width: 620px;
float: left;
margin: 0 0 0 160px;
}
.selection {
display: none;
}
.selected {
display: block;
}
/* Form Styles
*********************************************************************************************/
input[type="text"],
input[type="password"],
input[type="email"],
textarea {
background: none;
border: none;
outline: none;
resize: none;
font-family: 'Lato', sans-serif;
font-size: 14px;
line-height: 22px;
font-weight: 300;
color: #909090;
width: 90%;
float: left;
margin: 0 0 20px;
padding: 0 0 0 20px;
-moz-transition-duration: 0.1s;
-webkit-transition-duration: 0.1s;
position: relative;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
color: #404040;
}
textarea {
height: 22px
}
input[type="checkbox"],
input[type="radio"],
input[type="file"] {
display: none;
}
label {
-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
}
/* Button Labels */
label.button {
background-color: #F2f2f0;
border: 0;
border-radius: 3px;
font-family: 'Lato', sans-serif;
font-weight: 300;
font-size: 14px;
line-height: 40px;
color: #909090;
text-align: center;
float: left;
height: 40px;
margin: 5px 1px 25px 0;
padding: 0 20px;
cursor: pointer;
}
.button-group {
float: left;
margin: 5px 0 24px 0;
}
.button-group label.button {
background-color: #F2f2f0;
border: 0;
border-radius: 3px;
font-family: 'Lato', sans-serif;
font-weight: 300;
font-size: 14px;
line-height: 40px;
color: #909090;
text-align: center;
float: left;
height: 40px;
margin: 0 1px 1px 0;
}
label.button.choose,
input[type="radio"]:checked+label.button {
background-color: #57ca8e;
color: #ffffff;
}
label.button.replace {
background-color: #f39068;
color: #ffffff;
}
/* Frame Inputs */
.frame {
border: 0;
border-radius: 3px;
width: 200px;
height: 150px;
float: left;
position: relative;
margin: 0 1px 1px 0;
cursor: pointer;
overflow: hidden;
}
.frame.logo,
.frame.favicon {
background-color: #373737;
text-align: center;
}
.frame.logo img {
max-height: 130px;
max-width: 180px;
margin: 10px;
}
.frame.favicon img {
width: 16px;
height: 16px;
margin: 67px 0 0 0;
}
.frame.themes {
background-color: #f1f1f1;
height: 225px;
}
.frame.themes img {
width: 200px;
}
.frame.background img {
height: 150px;
}
/* Theme Labels */
label.theme {
position: absolute;
top: 0;
left: 0;
cursor: pointer;
opacity: 0.8;
}
label.theme:hover,
input[type="radio"]:checked+label.theme {
opacity: 1.0;
}
/* Remove Labels */
label.remove {
background-color: #57ca8e;
border-radius: 2px;
font-size: 10px;
line-height: 20px;
color: #ffffff;
text-align: center;
width: 20px;
height: 20px;
position: absolute;
bottom: 5px;
right: 5px;
margin: 0;
cursor: pointer;
}
label.remove:hover,
input[type="radio"]:checked+label.remove,
input[type="checkbox"]:checked+label.remove {
background-color: #f39068;
}
/* Buttons
*********************************************************************************************/
button,
.buttons a {
border: none;
border-radius: 3px;
font-size: 20px;
line-height: 50px;
text-align: center;
width: 50px;
height: 50px;
position: fixed;
cursor: pointer;
-webkit-appearance: none;
z-index: 1000;
}
button:hover,
.buttons a:hover {
opacity: 0.8;
}
button:focus {
outline: none;
}
button.submit {
background-color: #57ca8e;
color: #ffffff;
bottom: 10px;
right: 10px;
}
.buttons a {
background-color: #f2f2f0;
color: #999999;
}
.buttons a:nth-child(1) {
bottom: 61px;
right: 10px;
}
.buttons a:nth-child(2) {
bottom: 112px;
right: 10px;
}
/* Mobile Optimizations
*********************************************************************************************/
@media (max-width: 1024px) {
.content {
margin: 0 0 0 100px;
}
}
@media (max-width: 780px) {
.content {
width: 480px;
}
}
@media (max-width: 640px) {
.content {
width: 320px;
margin: 0 0 0 60px;
}
}
@media (max-width: 480px) {
body {
font-size: 14px;
line-height: 18px;
}
h1 {
font-size: 30px;
line-height: 30px;
margin: 0 0 5px;
}
h2 {
font-size: 20px;
line-height: 20px;
}
h3 {
font-size: 14px;
line-height: 18px;
}
.icon-edit:before {
font-size: 13px;
top: 2px;
}
.row.border {
padding: 25px 0 10px;
}
.row.header {
padding: 45px 0 30px;
}
.content {
width: 280px;
margin: 0 0 0 20px;
}
input[type="text"],
input[type="password"],
input[type="email"],
textarea {
font-size: 12px;
line-height: 16px;
margin: 0 0 20px;
padding: 0 0 0 20px;
}
textarea {
height: 16px
}
label.button {
font-size: 12px;
line-height: 30px;
height: 30px;
margin: 5px 1px 25px 0;
padding: 0 15px;
}
button,
.buttons a {
font-size: 15px;
line-height: 30px;
width: 30px;
height: 30px;
}
button.submit {
bottom: 5px;
right: 5px;
}
.buttons a:nth-child(1) {
bottom: 36px;
right: 5px;
}
.buttons a:nth-child(2) {
bottom: 67px;
right: 5px;
}
}RE: Theme-Header exportieren und bearbeiten - MrBrechreiz - 31.10.2014
Dann füge an ganz letzter Stelle den Code ein, den ich schrieb. Natürlich auch den Code für die Navigation auf deiner Hauptseite nicht vergessen einzubauen.
RE: Theme-Header exportieren und bearbeiten - GameNowDE - 31.10.2014
Einfügen in die CSS Datei ist erledigt.
Wenn du mir jetzt noch sagst wo ich den Header Code von MyBB in die Index.php der Hauptseite einfügen muss bin ich zufrieden.
Die index.php sieht wie folgt aus:
PHP-Code:
<?php
if (file_exists('config.php')) {
/*-----------------------------------------------------------------------------------*/
/* Network Installation Settings
/*-----------------------------------------------------------------------------------*/
if (file_exists('network.php')) {
include('network.php');
}
/*-----------------------------------------------------------------------------------*/
/* Setup
/*-----------------------------------------------------------------------------------*/
include('config.php');
// Get the base directory.
if (file_exists('network.php')) {
$base_url = $network_url;
$base_dir = $network_dir;
} else {
$base_url = $site_url;
$base_dir = '';
}
// Global definitions.
define('BASE_DIR', $base_dir);
define('BASE_URL', $base_url);
define('SITE_THEME', $site_theme);
define('SITE_URL', $site_url);
define('SITE_TITLE', $site_title);
define('SITE_DESCRIPTION', $site_description);
define('VIDEO_SERVICE', $video_service);
define('YOUTUBE_USERNAME', $youtube_username);
define('YOUTUBE_DISPLAY', $youtube_display);
define('YOUTUBE_CHANNEL', $youtube_channel);
define('YOUTUBE_PLAYLIST', $youtube_playlist);
define('YOUTUBE_FEATURED_VIDEO', $youtube_featured_video);
define('VIMEO_USERNAME', $vimeo_username);
define('VIMEO_DISPLAY', $vimeo_display);
define('VIMEO_CHANNEL', $vimeo_channel);
define('VIMEO_FEATURED_VIDEO', $vimeo_featured_video);
define('GALLERY_ITEMS_NUMBER', $gallery_items_number);
define('SITE_ANALYTICS', $site_analytics);
// Set the active theme url.
$theme_url = BASE_URL . '/themes/' . SITE_THEME;
// Set the tools url.
$tools_url = BASE_URL . '/cinematico';
// Set the assets url.
$assets_url = BASE_URL . '/cinematico/assets';
/*-----------------------------------------------------------------------------------*/
/* Includes
/*-----------------------------------------------------------------------------------*/
// For plugins.
include(BASE_DIR . 'cinematico/includes/actions.php');
// For RSS feeds.
include(BASE_DIR . 'cinematico/includes/feedwriter.php');
// All Cinematico functions.
include(BASE_DIR . 'cinematico/includes/functions.php');
// Include plugins.
foreach(glob(BASE_DIR . 'plugins/' . '*.php') as $plugin){
include_once $plugin;
}
/*-----------------------------------------------------------------------------------*/
/* Page Setup
/*-----------------------------------------------------------------------------------*/
// The home page.
if (is_page('home')) {
// Get & define the video ID.
if (VIDEO_SERVICE == 'youtube') {
$the_video_id = YOUTUBE_FEATURED_VIDEO;
} elseif (VIDEO_SERVICE == 'vimeo') {
$the_video_id = VIMEO_FEATURED_VIDEO;
}
define('THE_VIDEO_ID', $the_video_id);
// Set the page title and description.
$page_title = SITE_TITLE;
$meta_description = SITE_DESCRIPTION;
// Variable setup for pagination.
if (isset($_GET['page'])) {
$page_number = $_GET['page'];
define('PAGE_NUMBER', $page_number);
}
// Single video pages.
} elseif (is_page('single')) {
// Get & define the video ID.
$the_current_location = $_SERVER["REQUEST_URI"];
$the_video_id = end((explode('/', $the_current_location)));
define('THE_VIDEO_ID', $the_video_id);
// Set the page title and description.
$page_title = get_video('title', $the_video_id, '');
$meta_description = get_video('description', $the_video_id, '');
// Variable setup for pagination.
if (isset($_GET['page'])) {
$page_number = $_GET['page'];
define('PAGE_NUMBER', $page_number);
}
// About page.
} elseif (is_page('about')) {
// Set the page title and description.
$page_title = $about_title;
$meta_description = $about_text;
// 404 page.
} else {
// Set the page title and description.
$page_title = $not_found_title;
$meta_description = $not_found_text;
}
/*-----------------------------------------------------------------------------------*/
/* The Page Meta
/*-----------------------------------------------------------------------------------*/
if (isset($site_image)) {
$site_meta_image = $site_image;
} else {
$site_meta_image = $site_url . '/cinematico/assets/images/logo.jpg';
}
// Get the page description and author meta.
$page_meta[] = '<meta name="description" content="' . strip_tags($meta_description) . '">';
$page_meta[] = '<meta name="author" content="' . $page_title . '">';
// Get the Twitter card meta.
$page_meta[] = '<meta name="twitter:card" content="summary">';
$page_meta[] = '<meta name="twitter:site" content="' . $site_title . '">';
$page_meta[] = '<meta name="twitter:site:id" content="' . $profile_twitter . '">';
$page_meta[] = '<meta name="twitter:title" content="' . $page_title . '">';
$page_meta[] = '<meta name="twitter:description" content="' . strip_tags($meta_description) . '">';
$page_meta[] = '<meta name="twitter:creator" content="' . $profile_name . '">';
$page_meta[] = '<meta name="twitter:domain" content="' . $site_url . '">';
$page_meta[] = '<meta name="twitter:image:src" content="' . $site_meta_image . '">';
// Get the Open Graph meta.
$page_meta[] = '<meta property="og:type" content="website">';
$page_meta[] = '<meta property="og:site_name" content="' . $site_title . '">';
$page_meta[] = '<meta property="og:title" content="' . $page_title . '">';
$page_meta[] = '<meta property="og:description" content="' . strip_tags($meta_description) . '">';
$page_meta[] = '<meta property="og:url" content="' .$site_url . '">';
$page_meta[] = '<meta property="og:image" content="' . $site_meta_image . '">';
// Get all page meta.
$page_meta = implode("\n", $page_meta);
/*-----------------------------------------------------------------------------------*/
/* Get the Selected Theme
/*-----------------------------------------------------------------------------------*/
if ($_GET['filename'] == 'settings') {
// Get the settings index.
include(BASE_DIR . 'cinematico/settings.php');
} else if ($_GET['filename'] == 'rss') {
// RSS integration needs to happen here.
} else {
// Get the theme index.
include(BASE_DIR . 'themes/' . SITE_THEME . '/index.php');
}
/*-----------------------------------------------------------------------------------*/
/* Run the Setup if There's no Config File
/*-----------------------------------------------------------------------------------*/
} else {
// Get the components of the current url.
$protocol = @( $_SERVER["HTTPS"] != 'on') ? 'http://' : 'https://';
$domain = $_SERVER["SERVER_NAME"];
$port = $_SERVER["SERVER_PORT"];
$path = $_SERVER["REQUEST_URI"];
// Check if running on alternate port.
if ($protocol === "https://") {
if ($port == 443)
$site_url = $protocol . $domain;
else
$site_url = $protocol . $domain . ":" . $port;
} elseif ($protocol === "http://") {
if ($port == 80)
$site_url = $protocol . $domain;
else
$site_url = $protocol . $domain . ":" . $port;
}
$site_url .= $path;
// Check if the install directory is writable.
$is_writable = (TRUE == is_writable(dirname(__FILE__) . '/'));
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<!-- Page Meta -->
<title>Install Cinematico</title>
<!-- Tame the Viewport -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Google Fonts -->
<link href="http://fonts.googleapis.com/css?family=Lato:300,400,700,400italic,700italic" rel="stylesheet" type="text/css">
<!-- Theme Styles -->
<link rel="stylesheet" href="<?php echo(rtrim($site_url, '/')); ?>/cinematico/assets/css/normalize.css">
<link rel="stylesheet" href="<?php echo(rtrim($site_url, '/')); ?>/cinematico/assets/css/style.css">
<!-- Favicon -->
<link href="<?php echo(rtrim($site_url, '/')); ?>/cinematico/assets/images/favicon.png" rel="shortcut icon">
</head>
<body>
<div id="content">
<div class="row header border">
<div class="content">
<h1>Welcome</h1>
<p>Let’s get started.</p>
</div>
</div>
<form id="setup" method="post" action="./cinematico/save.php" enctype="multipart/form-data">
<input type="hidden" name="site_url" id="site_url" value="<?php echo(rtrim($site_url, '/')); ?><?php if ($site_url == $domain) { ?>/<?php } ?>">
<input type="hidden" name="site_theme" id="focus" value="focus" />
<input type="hidden" name="gallery_title" id="gallery_title" value="Your Gallery Title">
<input type="hidden" name="gallery_description" id="gallery_description" value="A short description for your video gallery.">
<input type="hidden" name="gallery_items_number" id="gallery_items_number" value="6">
<input type="hidden" name="footer_text" id="footer_text" value="Copyright © <?php echo date("Y") ?> Cinematico">
<input type="hidden" name="about_title" id="about_title" value="Your About Title">
<input type="hidden" name="about_text" id="about_text" value="This text is displayed on your “about” page. Write a little something about yourself.">
<input type="hidden" name="not_found_title" id="not_found_title" value="Not Found">
<input type="hidden" name="not_found_text" id="not_found_text" value="Sorry, but what you're looking for isn't here.">
<input type="hidden" name="profile_name" id="profile_name" value="Cinematico">
<input type="hidden" name="profile_twitter" id="profile_twitter" value="TryCinematico">
<div class="row border">
<div class="content">
<h2>Site Title & Description</h2>
<p>Your site title and description options.</p>
<h3>Site Title</h3>
<div class="icon-edit">
<input type="text" name="site_title" id="site_title" placeholder="No pressure." required>
</div>
<h3>Site Description</h3>
<div class="icon-edit">
<textarea name="site_description" id="site_description" placeholder="Something short and to the point." required></textarea>
</div>
</div>
</div>
<div class="row border">
<div class="content">
<h2>Video Service Options</h2>
<p>Your video service options and display preferences.</p>
<h3>Your Video Service</h3>
<div id="video-service-selection">
<input type="radio" name="video_service" id="youtube" value="youtube" data-rel="video-service-youtube"/>
<label class="button" for="youtube">YouTube</label>
<input type="radio" name="video_service" id="vimeo" value="vimeo" data-rel="video-service-vimeo"/>
<label class="button" for="vimeo">Vimeo</label>
</div>
<div id="video-service-youtube" class="video-service selection">
<h3>Username</h3>
<div class="icon-edit">
<input type="text" name="youtube_username" id="youtube_username" placeholder="Your YouTube username.">
</div>
<h3>Video Source</h3>
<div id="youtube-display-selection">
<input type="radio" name="youtube_display" id="youtube_user" value="user" />
<label class="button" for="youtube_user">User</label>
<input type="radio" name="youtube_display" id="youtube_channel" value="channel" data-rel="youtube-channel" />
<label class="button" for="youtube_channel">Channel</label>
<input type="radio" name="youtube_display" id="youtube_playlist" value="playlist" data-rel="youtube-playlist" />
<label class="button" for="youtube_playlist">Playlist</label>
</div>
<div id="youtube-channel" class="youtube-display selection">
<h3>Channel ID</h3>
<div class="icon-edit">
<input type="text" name="youtube_channel" id="youtube_channel" placeholder="A valid YouTube channel ID.">
</div>
</div>
<div id="youtube-playlist" class="youtube-display selection">
<h3>Playlist ID</h3>
<div class="icon-edit">
<input type="text" name="youtube_playlist" id="youtube_playlist" placeholder="A valid YouTube playlist ID.">
</div>
</div>
<h3>Featured Video ID</h3>
<div class="icon-edit">
<input type="text" name="youtube_featured_video" id="youtube_featured_video" placeholder="A valid YouTube video ID.">
</div>
</div>
<div id="video-service-vimeo" class="video-service selection">
<h3>Username</h3>
<div class="icon-edit">
<input type="text" name="vimeo_username" id="vimeo_username" placeholder="Your Vimeo username.">
</div>
<h3>Video Source</h3>
<div id="vimeo-display-selection">
<input type="radio" name="vimeo_display" id="vimeo_user" value="user" />
<label class="button" for="vimeo_user">User</label>
<input type="radio" name="vimeo_display" id="vimeo_channel" value="channel" data-rel="vimeo-channel" />
<label class="button" for="vimeo_channel">Channel</label>
<input type="radio" name="vimeo_display" id="vimeo_album" value="album" data-rel="vimeo-album" />
<label class="button" for="vimeo_album">Album</label>
</div>
<div id="vimeo-channel" class="vimeo-display selection">
<h3>Channel ID</h3>
<div class="icon-edit">
<input type="text" name="vimeo_channel" id="vimeo_channel" placeholder="A valid Vimeo channel ID.">
</div>
</div>
<div id="vimeo-album" class="vimeo-display selection">
<h3>Album ID</h3>
<div class="icon-edit">
<input type="text" name="vimeo_album" id="vimeo_album" placeholder="A valid Vimeo album ID.">
</div>
</div>
<h3>Featured Video ID</h3>
<div class="icon-edit">
<input type="text" name="vimeo_featured_video" id="vimeo_featured_video" placeholder="A valid Vimeo video ID.">
</div>
</div>
</div>
</div>
<div class="row border">
<div class="content">
<h2>Your Account</h2>
<p>Set your account username, email and password.</p>
<h3>Username</h3>
<div class="icon-edit">
<input type="text" name="username" id="username" placeholder="username" required>
</div>
<h3>Email</h3>
<div class="icon-edit">
<input type="email" name="email" id="email" placeholder="you@youremail.com" required>
</div>
<h3>Password</h3>
<div class="icon-edit">
<input type="password" name="password" id="password" value="" placeholder="••••••••••" required>
</div>
</div>
</div>
<button class="icon-check submit" type="submit" name="submit" value="submit"></button>
</form>
<div class="row footer">
<div class="content">
<p><a href="http://cinemati.co" target="_blank">Powered by Cinematico</a></p>
</div>
</div>
</div>
<script src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
<script src="<?php echo(rtrim($site_url, '/')); ?>/cinematico/assets/js/app.js"></script>
</body>
</html>
<?php
/*-----------------------------------------------------------------------------------*/
/* That's All There is to It
/*-----------------------------------------------------------------------------------*/
}
?>RE: Theme-Header exportieren und bearbeiten - MrBrechreiz - 31.10.2014
Soll das Tatsächlich der Code deiner Hauptseite sein ?
RE: Theme-Header exportieren und bearbeiten - GameNowDE - 31.10.2014
Ähm, warum die Frage?
Die Datei liegt im Server-Root und heisst Index.php, also denke ich mal ja.
Edit:
Interessanterweise laden jegliche externe Ihnhalte bei mir nicht, wenn ich die Hauptseite mit "www." und nicht ohne Aufrufe. Kann es dafür einen plausiblen Grund geben?
RE: Theme-Header exportieren und bearbeiten - MrBrechreiz - 31.10.2014
Wenn ich bei dir den Link erweitere mir index.php, bekomme ich einen Fehler. Daher die Frage.