Recent Topics

1 Sep 06, 2009 08:18    

My b2evolution Version: 1.10.x

Hello all,

I'm new to B2evolution. I'm trying to integrate a B2e blog into a web site for my wife as a present. I've been kicking my butt for about six hours trying to find out the problem with the code but I can't seem to get it right and figured someone here may know where I am going wrong.

Overall problem // Most of the layout won't display properly

Problem breakdown -

-Overall images will not display, the layout images.
-SWF file will not play anymore (not for visual, just for site music, not meant to be seen, just heard)
-All the links on the page in question want to now point to the skin directory where the skin is held(I'm guessing this could be fixed using direct links vs. relative links)

The CSS file is named correctly, the php file is named correctly. And yeah the images folder is there too. I've followed all of the steps listed in the tutorial for doing a site integration that were listed from this web site. I'm not sure what to do because I have little knowledge of doing anything with a blog. Provided below are links to the php file, css file, and to a working page of the layout without the blog implemented.

http://sinthetix.hostcell.net/sarah/blog/ (Where the blog page resides, "The Problem Page")
http://sinthetix.hostcell.net/sarah/blog/skins/cherry/_main.php (The PHP file)
http://sinthetix.hostcell.net/sarah/blog/skins/cherry/style.css (The CSS File)
http://sarahdecker.tk (A Working Page how it is supposed to look, without the blog implemented)

(Yeah, I know it's kinda mushy mushy stuff. It's just something dorky for my wife to make her smile.)

Any and all help would be most appreciated. I've no idea where to go from here or how to fix this problem. I've ran the code through macromedia and 1st page and it can't find errors and I can't visually see any errors in the code but maybe someone here knows more about this stuff than I do. Thanks in advance to anyone who takes the time to help me out!!

(If you need anymore info about the problem or snippets of the code directly, just let me know plz and I'll submit it up here.)

2 Sep 06, 2009 08:22

css.style


@import url(../../rsc/css/basic.css);   /* Import basic styles */
@import url(../../rsc/css/img.css);     /* Import standard image styles */
@import url(../../rsc/css/blog_elements.css);   /* Import standard blog elements styles */
@import url(../../rsc/css/forms.css);   /* Import default form styles */
@import url(../../rsc/css/comments.css);        /* Import default comment styles */

*
{
margin: 0px;
padding: 0px;
}

a:link {
	color: #ffffff;
}

a:hover {
	text-decoration: none;
	color: #FF0000;
}

a:visited {
	color: #ffffff;
}

body {
	
	background: #B75AA1 url(images/back_all.jpg) top  repeat-x;
	font: 13px Arial, Helvetica, sans-serif;
	color: #662859;
}

#content
{
	width: 100%;
	text-align: left;

	background: url(images/header.jpg) no-repeat;
}

#Layer1
{
	width: 100%;
	text-align: left;

	background: url(images/83.gif) no-repeat;
}

#main
{
width: 783px;
padding: 0px;
margin-left: 25px;
background: url(images/main21.gif) right repeat-y #FFFFFF;
margin-top: 14px;

}

#main21
{
	background: url(images/tb_top.gif) top no-repeat ;

}

#main2
{
	width: 766px;
	padding: 10px 10px 10px 7px;
	background: url(images/tb_bot.gif) bottom no-repeat;
}

#back
{
width: 1151px;
}

#header {
	
}

#logo {

width: 762px;
height: 77px;
text-align: right;
padding-left: 20px;
padding-top: 200px;
}


#logo a {
	text-decoration: none;
	text-transform: lowercase;
	font-style: italic;
	font-size: 18px;
	color: #ffffff;
}
#logo H2 a
{
font-size: 10px;
color: #ffffff;
text-transform: uppercase;
}


#menu
{
height: 51px;
padding-left: 40px;
width: 779px;
}

#menu ul {
	list-style: none;	
}

#menu li {
	
	display: inline; 
	
}

#menu a {
	float: left;
	width: 150px;
	height: 30px;
    display: block;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	vertical-align: middle;
	font-weight: bold;
	font-size: 14px;
	padding-top: 17px;
	text-transform: uppercase;
}

#menu a:hover {
	width: 150px;
    height: 31px;
	color: #ffffff;
	text-decoration: underline;
	background: url(images/but_bg.jpg) repeat-x;
}




#left
{
	width: 220px;
}

#left H3
{
width: 195px;
height: 25px;
font-size: 14px;
font-weight: bold;
padding-left: 25px;
padding-top: 10px;
text-transform: uppercase;
color: #ffffff;
background: url(images/title.gif) repeat-x;
margin-top: 0px;
}

#left ul {
	list-style: none;
	padding-bottom: 10px;
	margin-bottom: 10px;
	
}

#left .title_back
{
}

#left .title_bottom
{
padding: 10px;
background: url(images/left_bg.jpg) top no-repeat;
}


#left ul {
	border: 0px;
	margin-left: 20px;
	margin-bottom: 10px;
	padding-top: 20px;
}


#left li {
	padding: 4px 4px;
	border: 0px;
}

#left a {
	color: #3AAC00;
}
#left a:visited {
	color: #3AAC00;
}

#left td
{
color: #3AAC00;
}

#left th
{
color: #3AAC00;
}

#left caption
{
color: #3AAC00;
}


#left p
{
padding: 10px;
}

#calendar1 {
	padding: 20px 10px 20px 10px;
}

#calendar table {
	width: 100%;
	text-align: center;
}

#calendar thead {

}

#calendar tbody td {
	border: 1px solid #F1F1F1;
}

#calendar #prev {
	text-align: left;
}

#calendar #next {
	text-align: right;
}

#calendar tfoot a {
	text-decoration: none;
	font-weight: bold;
}

#calendar #now {
	background: #696969;
	border: 1px solid #ff0000;
	font-weight: bold;
	color: #ffffff
}

#right
{
float: right;
width: 518px;
padding: 0px 5px 0px 10px;
}

#right H4
{
	margin: 0;
	padding: 0px;
	font-size: 12px;
	color: #3AAC00;
}

#right a
{
color: #3AAC00;
text-decoration: underline;
}

#right p {
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
}

#right ol, #right ul
{
margin-left: 30px;
}


#right h2 {
	margin: 0;
	padding: 0;
	padding-top: 5px;
	color: #3AAC00;
}
.date {
	text-align: right;
	color: #3AAC00;
	font-size: 11px;
}

.date a {
	color: #3AAC00;
}



#footer {
	height: 64px;
	padding-top: 30px;
	background: url(images/footer.gif) repeat-x bottom;
}

#footer p {
	margin: 0;
	width: 830px;
	font-size: 10px;
	text-align: center;
	color: #ffffff;
}

#footer a {
	color: #ffffff;
}

*edit to add code tags

3 Sep 06, 2009 08:25

_main.php


<?php
/**
 * This is the main template. It displays the blog.
 */
if( !defined('EVO_MAIN_INIT') ) die( 'Please, do not access this page directly.' );
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php locale_lang() ?>" lang="<?php locale_lang() ?>">

<head>
  <?php $Plugins->trigger_event( 'SkinBeginHtmlHead' ); ?>
        <meta http-equiv="Content-Type" content="text/html; charset=<?php echo $io_charset; ?>" />
        <title><?php
                $Blog->disp('name', 'htmlhead');
                request_title( ' - ', '', ' - ', 'htmlhead' );
        ?></title>
        <?php skin_base_tag(); /* Base URL for this skin. You need this to fix relative links! */ ?>
        <meta name="description" content="<?php $Blog->disp( 'shortdesc', 'htmlattr' ); ?>" />
        <meta name="keywords" content="<?php $Blog->disp( 'keywords', 'htmlattr' ); ?>" />
        <meta name="generator" content="b2evolution <?php echo $app_version ?>" /> <!-- Please leave this for stats -->
        <link rel="alternate" type="text/xml" title="RDF" href="<?php $Blog->disp( 'rdf_url', 'raw' ) ?>" />
        <link rel="alternate" type="text/xml" title="RSS .92" href="<?php $Blog->disp( 'rss_url', 'raw' ) ?>" />
        <link rel="alternate" type="text/xml" title="RSS 2.0" href="<?php $Blog->disp( 'rss2_url', 'raw' ) ?>" />
        <link rel="alternate" type="application/atom+xml" title="Atom" href="<?php $Blog->disp( 'atom_url', 'raw' ) ?>" />
        <link rel="pingback" href="<?php $Blog->disp( 'pingback_url', 'raw' ) ?>" />
        <link rel="stylesheet" href="style.css" type="text/css" />
		<link rel="shortcut icon" href="http://sarah.sinthetix.netii.net/favicon.ico" />
        <?php
                $Blog->disp( 'blog_css', 'raw');
                $Blog->disp( 'user_css', 'raw');
        ?>
		<script language="JavaScript" type="text/javascript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>


<body>
<div id="content"> 
  <div id="back"> 
    <!-- header begins -->
    <div id="header"> 
      <div id="Layer1" style="position:absolute; width:380px; height:205px; z-index:1; left: -4px; top: 70px;"></div>
      <div id="Layer1" style="position:absolute; width:408px; height:205px; z-index:1; left: 376px; top: 70px;"></div>
      <div id="logo"> 
        <div> 
          <h1><a href="#">100 Reasons Why I Love My Wife...</a></h1>
        </div>
      </div>
      <div id="menu"> 
        <ul>
          <li id="button1"><a href="index.html"  title="">Home</a></li>
          <li id="button2"><a href="100.html" title="">100 Reasons</a></li>
		  <li id="button3"><a href="http://sarah.sinthetix.hostcell.net/blog/" title="">Blog</a></li>
		  <li id="button4"><a href="#" title="">Chat</a></li>
          <li id="button5"><a href="Photo.html" title="">Photo Album</a></li>
        </ul>
      </div>
    </div>
    <!-- header ends -->
    <!-- content begins -->
    <div id="main"> 
      <div id="main21"> 
        <div id="main2"> 
          <div id="right">
		  <br>
		  <br>
<p>
	
	<!-- =================================== START OF MAIN AREA =================================== -->

<?php
        // ------------------------- MESSAGES GENERATED FROM ACTIONS -------------------------
        if( empty( $preview ) ) $Messages->disp( );
        // --------------------------------- END OF MESSAGES ---------------------------------
?>

<?php
        // ------------------------- TITLE FOR THE CURRENT REQUEST -------------------------
        request_title( '<h2>', '</h2>' );
        // ------------------------------ END OF REQUEST TITLE -----------------------------
?>

<?php
        // ------------------------------------ START OF POSTS ----------------------------------------
        if( isset($MainList) ) $MainList->display_if_empty(); // Display message if no post

        if( isset($MainList) ) while( $Item = $MainList->get_item() )
        {
                $MainList->date_if_changed();
        ?>
        <div class="bPost bPost<?php $Item->status( 'raw' ) ?>" lang="<?php $Item->lang() ?>">
                <?php
                        locale_temp_switch( $Item->locale ); // Temporarily switch to post locale
                        $Item->anchor(); // Anchor for permalinks to refer to
                ?>
                <div class="bSmallHead">
                <?php
                        $Item->permanent_link( '#icon#' );
                        echo ' ';
                        $Item->issue_time();
                        echo ', by ';
                        $Item->author();
                        $Item->msgform_link( $Blog->get('msgformurl') );
                        echo ', ';
                        $Item->wordcount();
                        echo ' ', T_('words');
                        echo ', ';
                        $Item->views();
                        echo '   ';
                        locale_flag( $Item->locale, 'h10px' );
                        echo '<br /> ', T_('Categories'), ': ';
                        $Item->categories();
                ?>
                </div>
                <h3 class="bTitle"><?php $Item->title(); ?></h3>
                <div class="bText">
                        <?php $Item->content(); ?>
                        <?php link_pages() ?>
                </div>
                <div class="bSmallPrint">
                        <?php $Item->permanent_link( '#', '#', 'permalink_right' ); ?>

                        <?php $Item->feedback_link( 'comments' ) // Link to comments ?>
                        <?php $Item->feedback_link( 'trackbacks', ' &bull; ' ) // Link to trackbacks ?>
                        <?php $Item->feedback_link( 'pingbacks', ' &bull; ' ) // Link to trackbacks ?>
                        <?php $Item->edit_link( ' &bull; ' ) // Link to backoffice for editing ?>

                        <?php $Item->trackback_rdf() // trackback autodiscovery information ?>
                </div>
                <?php
                        // ------------- START OF INCLUDE FOR COMMENTS, TRACKBACK, PINGBACK, ETC. -------------
                        $disp_comments = 1;                                     // Display the comments if requested
                        $disp_comment_form = 1;                 // Display the comments form if comments requested
                        $disp_trackbacks = 1;                           // Display the trackbacks if requested

                        $disp_trackback_url = 1;                // Display the trackbal URL if trackbacks requested
                        $disp_pingbacks = 1;                            // Display the pingbacks if requested
                        require( dirname(__FILE__).'/_feedback.php' );
                        // ---------------- END OF INCLUDE FOR COMMENTS, TRACKBACK, PINGBACK, ETC. ----------------

                        locale_restore_previous();      // Restore previous locale (Blog locale)
                ?>
        </div>
        <?php
        } // ---------------------------------- END OF POSTS ------------------------------------
        ?>

        <p class="center"><strong>
                <?php posts_nav_link(); ?>
                <?php
                        // previous_post( '<p class="center">%</p>' );
                        // next_post( '<p class="center">%</p>' );
                ?>
 </strong></p>

<?php
        // ---------------- START OF INCLUDES FOR LAST COMMENTS, ETC. ----------------
        switch( $disp )
        {
                case 'comments':
                        // this includes the last comments if requested:
                        require( dirname(__FILE__).'/_lastcomments.php' );
                        break;

                case 'arcdir':
                        // this includes the archive directory if requested
                        require( dirname(__FILE__).'/_arcdir.php');
                        break;

                case 'profile':
                        // this includes the profile form if requested
                        require( dirname(__FILE__).'/_profile.php');
                        break;

                case 'msgform':
                        // this includes the email form if requested
                        require( dirname(__FILE__).'/_msgform.php');
                        break;

                case 'subs':
                        // this includes the subscription form if requested
                        require( dirname(__FILE__).'/_subscriptions.php');
                        break;
        }
        // ------------------- END OF INCLUDES FOR LAST COMMENTS, ETC. -------------------
?>
			  
			  </p>
          </div>
          <div id="left"> 
            <h3>My Love...</h3>
            <div class="title_back"> 
              <div class="title_bottom"> 
                <ul>
                  <li><font size="1.5">Since the evening we met I knew there was 
                    a connection between us. Through all the letters, phone calls, 
                    and time spent together that connection has only flourished 
                    and grown stronger. I have not one regret about you nor one 
                    thing that I would change. When I gaze upon you I see a mind, 
                    body, and soul that is wonderful. I am proud to call you my 
                    wife, my soul mate, and my best friend. You are the companion 
                    I have always saught for in life and my love for you is eternal...</font></li>
                </ul>
              </div>
            </div>
          </div>
          <div style="clear: both"></div>
        </div>
      </div>
      <!--content ends -->
      <!--footer begins -->
    </div>
  </div>
</div>
<div id="footer"> 
  <p>Copyright 2009 - Sinthetik Industries</p>
  <br />
  <p> 
    <object
        classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
        codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0"
        width="0" height="0" align="absmiddle"
      >
      <param name="movie" value="mp3.swf" />
      <param name="bgcolor" value="#000000" />
      <param name="quality" value="high" />
      <param name="menu" value="false" />
      <param name="allowscriptaccess" value="samedomain" />
      <embed
          src="mp3.swf"
          width="0" height="0" align="absmiddle"
          type="application/x-shockwave-flash"
          pluginspage="http://www.adobe.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"
          bgcolor="#000000"
          quality="high"
          menu="false"
          allowscriptaccess="samedomain"
        > <noembed> </noembed> </embed> </object>
  </p>
</div>
</body>
</html>


*edit to add php tags

4 Sep 06, 2009 09:15

B2evo uses the <base> tag, so all urls are relative to your skins folder, just change url( images/foo.jpg) to url(/images/foo.jpg) ;)

¥

5 Sep 06, 2009 15:48

Thanks so much Yabba!! The fix worked. I also came back to it with a fresh mind this morning and fixed the problem with the .swf file. The .swf wasn't in the skin folder, still in the main folder where the rest of the site was. I copied it to the skin folder and it started working correctly.

Thanks so much for your help!! It works perfectly now. Now I just have to add the sidebar elements and it should be good to go.


Form is loading...