Hallo, Gast! (Registrieren)

Letzte Ankündigung: MyBB 1.8.38 veröffentlicht (30.04.24)


Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste
Theme-Header exportieren und bearbeiten
#1
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
Zitieren
#2
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.
Mit freundlichen Grüßen

MrBrechreiz
Zitieren
#3
(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. Big Grin
Zitieren
#4
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}
Mit freundlichen Grüßen

MrBrechreiz
Zitieren
#5
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;
   }

}
Zitieren
#6
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.
Mit freundlichen Grüßen

MrBrechreiz
Zitieren
#7
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. Wink

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 &copy; <?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 &amp; 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
/*-----------------------------------------------------------------------------------*/

}

?>
Zitieren
#8
Soll das Tatsächlich der Code deiner Hauptseite sein ?
Mit freundlichen Grüßen

MrBrechreiz
Zitieren
#9
Ä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?
Zitieren
#10
Wenn ich bei dir den Link erweitere mir index.php, bekomme ich einen Fehler. Daher die Frage.
Mit freundlichen Grüßen

MrBrechreiz
Zitieren


Möglicherweise verwandte Themen…
Thema Verfasser Antworten Ansichten Letzter Beitrag
  Template & css exportieren? baeckerman83 6 2.021 09.09.2015, 13:13
Letzter Beitrag: baeckerman83
  Theme exportieren. nabonid 5 2.631 04.11.2010, 07:47
Letzter Beitrag: krafdi
  Erstellete Theme exportieren $eri@L 7 3.721 13.04.2006, 11:05
Letzter Beitrag: $eri@L