Mozilla Serbia, need help

[h2g....@gmail.com]

Hi good people,

Today i started re-styling mozilla-srbija.org. As I'm html/css/js guy, and don't know nothing about .php, neither i know someone who knows I run into problem with styling and adding content on parts of website that are .php generated. Generally what i wish to do is: move navigation top (like on mozilla.org and style it like so); add <img> inline main header ("Mi smo Mozila"). I need few more things to do, but if someone can explain me how to do modification of .php in general think i can do rest on my own. What file should i look for? There is some kind of master .php file that handles this? And how can i style and add content there?

Thank you in advance,
Vladimir

[Chit Thiri Maung]

Hi Vladimir

If I am not wrong what you mention

*How can i reposition html elements that are .php generated and i can't see
them in wordpress html editor?*
*
*
You can see with html editor at the back end of wordpress. Go to
*appearance>Theme>choose
the theme> edit*
*
*
* In what .php file can i find that?**
*

Mostly Wordpress create structure as *index.php* (Home Page) there has blog
post what we created.
*header.php* for header part , *footer.ph*p for footer part , *sidebar.php* for
sidebar widgets and more pages related on theme.
and they will link style.css

Which part you want to edit and re posting?

Let me know anything I can help!

Chit

> _______________________________________________
> community-local-sites mailing list
> community-...@lists.mozilla.org
> https://lists.mozilla.org/listinfo/community-local-sites
>



--
Chit Thiri Maung

skype: ahkenonono
m: +65 8542 9488
twitter: http://www.twitter.com/ahkeno
blog: www.ahkeno.wordpress.com

[Vladimir Krstic]

Hi Chit,

thank you for the answer. Meanwhile I've figured how to move elements in .php, there is a bunch of files you just need to dig. :)

But now i need to add content to my .php, hope you can help me with that. What i need to do is to add <img> in header that is visible on all pages. I think that will be in my masthead.php file.

Here is code:

<header id="masthead" role="banner">
<?php wp_nav_menu( array( 'theme_location' => 'primary', 'container' => 'nav', 'container_id' => 'nav-primary', 'fallback_cb' => 'false', ) ); ?>
<hgroup>
<?php if ( (is_front_page()) && ($paged < 1) ) : ?>
<h1 id="site-title"><?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?></h1>
<?php else : ?>
<h1 id="site-title"><a href="<?php echo esc_url( home_url('/') ); ?>" rel="home" title="<?php _e('Go to the front page', 'onemozilla'); ?>"><?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?></a></h1>

<?php endif; ?>
<?php if (get_bloginfo('description','display')) : ?>
<h2 id="site-description"><?php echo esc_attr( get_bloginfo('description', 'display') ); ?></h2>
<?php endif; ?>
</hgroup>
<a href="http://www.mozilla.org/" id="tabzilla">Mozilla</a>
</header><!-- #masthead -->


I wish to add <img> inline with main header - "Ми смо Мозила". (http://mozilla-srbija.org/).

Thanks in advance, and happy new year. :)

[Chit Thiri Maung]

Hi

Do you want replace site tile to image or just added img ?


I found out two simple way to add image
*
*
*1: is add your image background image at #masthead at style.css line 193
and you add background position.*
*
*
*2: is add html tag at header.php but you need adding style for show
correctly!*

<header id="masthead" role="banner">
<?php wp_nav_menu( array( 'theme_location' => 'primary', 'container' =>
'nav', 'container_id' => 'nav-primary', 'fallback_cb' => 'false', ) ); ?>
<hgroup>
<?php if ( (is_front_page()) && ($paged < 1) ) : ?>
<h1 id="site-title"><?php echo esc_attr( get_bloginfo( 'name',
'display' ) ); ?></h1>

* <img> // Here is your image *

<?php else : ?>
<h1 id="site-title"><a href="<?php echo esc_url( home_url('/') ); ?>"
rel="home" title="<?php _e('Go to the front page', 'onemozilla'); ?>"><?php
echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?></a></h1>

<?php endif; ?>
<?php if (get_bloginfo('description','display')) : ?>
<h2 id="site-description"><?php echo esc_attr(
get_bloginfo('description', 'display') ); ?></h2>
<?php endif; ?>
</hgroup>
<a href="http://www.mozilla.org/" id="tabzilla">Mozilla</a>
</header><!-- #masthead -->

adding in header will appear all pages.

Let me know it's work for you :)

Chit

On Thu, Jan 3, 2013 at 9:47 AM, Vladimir Krstic <h2g....@gmail.com> wrote:

> header

[Soumya Deb]

Hey Vladimir,

If you can show an example (in other site) or a rough-sketch of what you're
looking for, then it'll be easier for Chit to help you out with.

Please Note: instead of attaching the image to list-mail, use an image
sharing site (imagebin, imageshack or flickr etc.) & post the link here.

Cheers!

> --
> Chit Thiri Maung
>
> skype: ahkenonono
> m: +65 8542 9488
> twitter: http://www.twitter.com/ahkeno
> blog: www.ahkeno.wordpress.com
> _______________________________________________
> community-local-sites mailing list
> community-...@lists.mozilla.org
> https://lists.mozilla.org/listinfo/community-local-sites
>



--

*Soumya Deb*
*http://debs.io*
Twitter: *@Debloper <http://twitter.com/Debloper>*
Open Source Evangelist

[Vladimir Krstic]

Hi Chit,

I was working on my exams so I had to leave this on stand by for some time, now I'm back. :)

I was considering adding background image but this would be dirty solution, that why i asked you for helping me with inserting <img> with .php. Thanks for the code, now i'll try and see how it works.

[Vladimir Krstic]

Okay,

it didnt work. :( Your code produce error and browser wont execute site.

To make it simple now like Soumya advised me here are images how header looks and how i wish to look.

Present :(
http://imageshack.us/photo/my-images/145/mozila1.jpg/

Future :)
http://imageshack.us/photo/my-images/72/mozila2.jpg/

So inline with header text i wish to be Mozilla logo.

[Soumya Deb]

Hey Vladimir,

All you need to do is to add an inline image to this statement:
*<h1 id="site-title"><?php echo esc_attr( get_bloginfo( 'name', 'display' )
); ?></h1>*

Like this:
*<h1 id="site-title"><?php echo esc_attr( get_bloginfo( 'name', 'display' )
); ?><img src="mozilla.png" alt="" /></h1>*

Also, check the functions.php for the get_bloginfo() declaration & try to
hack it to trim "Mozilla" from the blog title text, while parsing OR in the
blog title, just put "Mi smo" & the image will say Mozilla.

If you're logic is alright, then no programming language is tough to crack
- I hope you will fix the php issue just fine if you just concentrate &
think.

Cheers!

[Vladimir Krstic]

Hi Soumya,

trimming Mozilla was not a problem. I placed <img> tag where you said to and it's working... well partially. For some reason it don't display image but alternate text I've put in <img> tag. What could be a problem? Is path finding working same as in HTML? I have masthead.php and img folder in same folder. So path to my image should be "img/mozilla.png" ?

[Soumya Deb]

You need to figure out how the other images are referenced - and use the
similar relative path.
Can't really look into code right now, but I hope you can fix it now with
this instructions.

[Vladimir Krstic]

Hello again, i've fond my way around all .php problems i had. There is last(or i think so) one i have. How can i exclude comments on this page? http://mozilla-srbija.org/proizvodi-2/#sthash.KoiMsjM8.dpbs