Recent Topics
  1. b2evolution CMS Support Forums
  2. b2evolution Support
  3. Templates, skins, XHTML and CSS
  4. [2.3.0] [SOLVED]help needed with customizing skin

[2.3.0] [SOLVED]help needed with customizing skin

1 Feb 25, 2008 17:12    

I'm using b2evolution v2.3.0 rc1 and customized the evocamp skin.
Only ... there are three (3) pages that are different than the others and different from what i want.

As you can see on my blog: http://www.louwen.org/weblog.html i use black for background and some kind of yellow for fonts.

Now, when i want to leave a comment on a post the background is white instead of black.
When i view a thumbnail in a new window the background is white instead of black.
When i preview a post i'm writing the background is white instead of black.

Someone know how to change this to my defaults ?

Thanks a lot !

Back to top

2 Feb 25, 2008 23:46

Yeah that's easy. Almost as easy as removing the link-back to b2evolution :-/

Back to top

3 Feb 26, 2008 13:36

Hello EdB, World,

You are absolutly right with your remark about my removing the copyright link.
It is not fair from me not to give credit to the people who deserve it

So i did put a link "powered by b2evolution" and a copywrite notice to Francois Planque back on my blog.

I hope that you will accept my appology to you personal and to the world

Robert

Back to top

4 Feb 26, 2008 15:45

You or some one else changed the div "widecolumn" to be 450 px as much as the "narrowcolumn". The narrowcolumn is the div for the posts in a normal page (with a sidebar) and the widecolumn is the div for the post in the comment mode (without sidecolumn). You can set the background-color for the widecoumn div.
This leaves a black background in an undefined div with a white background.
I think you can most easily change that if you make a new div right after the Header div leading all the way up to the footer div called "content" and make it's background black also.

I hop these are enough leads for you to fill the gaps. If not, please do ask your questions on the forum.

Good luck

Back to top

5 Feb 26, 2008 17:41

Actually it's the background image blotting out the color.

In your skins/evopress/single.main.php file find and remove something that looks like this: 

add_headline( <<<HEREDOC
<style type="text/css" media="screen">
	#page { background: url("img/kubrickbgwide.jpg") repeat-y top; }
</style>
HEREDOC
);

(actually it wasn't as easy as I first suspected :oops: )

Back to top

6 Feb 26, 2008 17:45

I missed that one.

Thanks EdB

Back to top

7 Feb 26, 2008 20:04

@ EdB, @ Afwas,

Thank you for helping me with my little cosmetic problem !
I would have never figured this one out myself , like EdB admitted it is not as easy as removing the link to b2evolution.

And i don't want to be a nag but there is still one page i would like to have a black background ; the page that opens when a thumbnail is clicked

any ideas ?

@ Afwas, why "dishes" as name :D

greetings, groeten Robert

Back to top

9 Feb 26, 2008 20:30

I'm seeing images in posts that lead directly to the image file in the browser. AFAIK there is no way to change how the browser presents a link to an image. Plus the people who have an image that links to a page with the image: I have no idea how they do that - but I wish I did.

Back to top

10 Feb 26, 2008 20:31

I think Robert means something else, But I am tinkering also. Thumbnails? In B2evo?
EdB wrote:

Plus the people who have an image that links to a page with the image: I have no idea how they do that - but I wish I did.

target="_blank"
But I think you also mean something different.

Back to top

11 Feb 26, 2008 21:53

Hi Robert & Ed,

Robert now has:

<a href="http://louwen.org/robertlouwen/weblog/media/blogs/robertlouwen/daphnedeckers.jpg" target="_blank">
<img src="http://louwen.org/robertlouwen/weblog/media/blogs/robertlouwen/daphnedeckers.jpg" alt="" title=""></a>


for the Daphne photo. That's plain target="_blank" technique. I have never seen the possibility to turn the background from the new tab/window black (might be possible though).
What you can do is put the photo's in a html page:

<!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="en-US" lang="en-US">
<head>
	<title>Daphne Deckers</title>
	<style>
	body {
		background-color: black;
	}
</head>
<body>
	<img src="http://louwen.org/robertlouwen/weblog/media/blogs/robertlouwen/daphnedeckers.jpg" alt="Daphne" title="" />
</body>
</html>


and name it daphnt.html and call this page in stead of the picture.

EdB hates JavaScript, but he should try this one. In the head of the skin ((_html_header.inc.php) place this codesnippet:

<script type="text/javascript">
var newwindow;
function pop(url)
{
	newwindow=window.open(url,'name','height=250,width=400');
	if (window.focus) {newwindow.focus()}
}
</script>


and now you can use a popup for the daphne.html like this:

<a href="http://louwen.org/robertlouwen/weblog/media/blogs/robertlouwen/daphne.html" 
onclick="pop( 'http://louwen.org/robertlouwen/weblog/media/blogs/robertlouwen/daphne.html' );return false;" target="_blank">
<img src="http://louwen.org/robertlouwen/weblog/media/blogs/robertlouwen/daphnedeckers.jpg" alt="Daphne" title="" /></a>


Why I recommend this to EdB is because it opens in a new tab / window if JavaScript is disabled.

Have fun

Back to top

12 Feb 26, 2008 22:04

Yeah I was thinking of something else. Opening a direct link to an image is a no-brainer yah? But I've seen b2evo-powered webs where the image links to an actual web page with a full-size version of the image. Pretty cool when they follow the general look of the web they came from - to me.

Javascript is fine. I certainly don't *hate* it, but it should be handled like garnishes: add decoration to a meal but don't bet the meal on it ;)

On thinking about 2.* stuff, it seems to me that what would humor me best is a file such as "single_image.main.php" that is automagically linked to when you use the full power of file manager and attaching a photo to a post. Like how it'll re-size to suit the skin (assuming the skin has the right bits in it of course)? So build into that a bit that says "okay we had to resize the image downward so let's link it to a page that has no limits on width or height and offers basic navigation and a groovy 'back to the post' button".

Sometimes I want to buy a camera just so I can play with (and hack the hell out of) the photoblog stuff. It's all new and, from what little I've played, quite groovy.

Back to top

13 Feb 26, 2008 22:10

EdB wrote:

Yeah I was thinking of something else. Opening a direct link to an image is a no-brainer yah? But I've seen b2evo-powered webs where the image links to an actual web page with a full-size version of the image. Pretty cool when they follow the general look of the web they came from - to me.

Got link? :p

Back to top

14 Feb 26, 2008 22:34

Afwas wrote:

Got link? :p

doh! I *knew* you were gonna say that :lol:

No I don't but next time I see one, and I sorta surf b2evo-powered webs frequently, I'll remember to bring it to the forums.

Back to top

15 Feb 26, 2008 23:08

@ Afwas, @ EdB

Thank you both verry much I will look into your advise tomorrow For now it is time to go to bed
( Otherwise it will get very late because when you start, you have to finish it )

Regards Robert

Back to top

16 Feb 27, 2008 17:00

What about this one: http://liberal-venezolano.net/blog/euro-supera-marca-historica-1-50-dolares

I had to hack the Item class and the File class to make the linked image "clickable", which pops up a new window with the full-size version.

This is the exact behaviour I want and now I think I can stop hosting images outside b2evo (Gallery2 and Zooomr have been my main tools for that up to now).

Now the only problem is when I want to post an article with several images interspersed in the item text, because AFAIK the $Item->images() will spit all of them at the beginning and there's no way to control their positions within the text. In that case I have to put the links individually.

Back to top

17 Feb 27, 2008 17:08

@ Afwas,

I had to change the HTML code a bit to get i work

<!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="en-US" lang="en-US"> 
<head> 
    <title>Daphne Deckers</title> 
    
</head> 
<body bgcolor="black">
 
    <center><img src="daphnedeckers.jpg" alt="Daphne" title="" /></center>
	
</body> 
</html>


For some reason the code you provided gave only a black page.
This code: 

<script type="text/javascript"> 
var newwindow; 
function pop(url) 
{ 
    newwindow=window.open(url,'name','height=250,width=400'); 
    if (window.focus) {newwindow.focus()} 
} 
</script>


have i placed inbetween <head> and </head> in the file _html_header.inc.php as you suggested.

I don't know if it works because the last piece of code gives a error "Tag <a> may not have attribute onclick" now i can't save my post "Valentijnsdag - Daphne Deckers"

However i can preview ( because the error is ignored ??? ) but when i click Dapne's picture it opens a white page

If you have some spare time can and will you think about it ones more for me

Robert

Back to top

18 Feb 27, 2008 17:47

Hi Robert,

It works, see http://www.blog.hemminga.net/index.php?blog=9&title=daphne&more=1&c=1&tb=1&pb=1

Unfortunately it doesn't recognise the link as some valid formed XHTML. This is the link:


<a href="http://louwen.org/robertlouwen/weblog/media/blogs/robertlouwen/daphne.html" 
onclick="pop( 'http://louwen.org/robertlouwen/weblog/media/blogs/robertlouwen/daphne.html' );return false;" target="_blank">
<img src="http://louwen.org/robertlouwen/weblog/media/blogs/robertlouwen/daphnedeckers.jpg" alt="Daphne" title="" /></a>


and it says there is an error here:

phnedeckers.jpg" alt="Daph


I think the parser is wrong. I don't see the error.

You can disable html checking in admin.php?ctrl=users&grp_ID=1 or Dashboard -> Users -> Administrators (set XHTML validation to "Basic security checking" then make your post and switch it back to "Force valid XHTML + strong security")
Whilst on this page do check that javaScript is allowed.

Good luck

Back to top

19 Feb 27, 2008 18:45

Hi Robert,

I propose some changes to the javaScript.
If you change to:

	<script type="text/javascript">
	var newwindow;
	function pop(url, dimensions)
	{
	    newwindow=window.open(url,'name', dimensions );
	    if (window.focus) {newwindow.focus()}
	}
	</script>


you can vary the size of the popup on a per post basis:

onclick="pop( 'http://louwen.org/robertlouwen/weblog/media/blogs/robertlouwen/daphne.html', 'height=500, width=500' );return false;"


depending on the size of the actual image.

Good luck

Back to top

20 Feb 27, 2008 19:16

btw, you can reduce your onclick to : onclick="pop( this.href, 'height=........')" ;)

¥

Back to top

21 Feb 27, 2008 19:20

¥åßßå wrote:

btw, you can reduce your onclick to : onclick="pop( this.href, 'height=........')" ;)

¥

Extensive studies in my Testlab show that you are right!

Back to top

22 Feb 28, 2008 11:11

Afwas wrote:

EdB wrote:

Yeah I was thinking of something else. Opening a direct link to an image is a no-brainer yah? But I've seen b2evo-powered webs where the image links to an actual web page with a full-size version of the image. Pretty cool when they follow the general look of the web they came from - to me.

Got link? :p

[url=http://innervisions.org.uk/bimble/2006/09/81_reasons_to_bimble?iv_gallery_II=bimble/august2006/gallery5/&img=cimg0544.jpg#iv_gallery_detail]pimp a blog[/url] :roll:

¥

Back to top

23 Mar 03, 2008 14:30

After spending many hours, setting up a seperate blog v2.4.0 and upgrading my v2.3.0 to v2.4.0 i finaly got i working as Afwas explained.

It was the thumpnail plugin ! On my newly instaled blog thumpnail plugin was not installed and everything Afwas told me was working !

On my old blog thumpnail plugin is installed with "Aply Always" Now i installed it with "Aply Opt-out" now if i want a post with a picture showing in a popup with black background i opt out of thumbnail plugin and that's it

Back to top

24 Feb 10, 2010 01:34

Gentlemen:

Hi all. Not asking for a full-fledged solution but at least some ideas.

I modified the evocamp template for my site and didn't plan ahead. I didn't think I'd want a page with links exclusively, but now I'd like to share my traffic with members of my LinkedIn group since Forbes picked up one of my articles and I want to promote others with quality content. Ultimately I'd like to post RSS links to each of their sites so that my content is updated freshly automatically. Kinda like auto-pilot.

Some templates have a links page kinda built in but not this one. I realize I could add a page and just list them, but I've seen a few sites using evocamp that did it and they look horrible. Others are apparently having the same problem and intentions with this skin and taking to it sloppily. This is one example I found. (http://g1ccl.com/index.php/2010/01/05/lcenterglinks-pagel-centerg?blog=2) No disrespect to the person whose page that is, but, not what I'm looking for.

In my perfect world (or, uh, template) I'd remove the "By dave on Jan 5, 2010 | In Links | Send feedback »" line altogether. For links, it's not necessary. I just want a clean Title, a little summary and then a link to the member's blog or site. That would be good enough. BUT, if I could have everything I want for that one page, I'd remove the middle column altogether so that I'd have only two columns on the page so I could add some links/ads/whatever.

I don't want to make this a week long project but I am a perfectionist, seriously, and won't go half-arse on this. And I'm definitely too busy to spend that much time on a links page.

I'm at a loss here. At the bare minimum, can someone bounce a few ideas regarding how I could have my links page to be just that, without every post having the whole line above it with my name, date and all? Each post will be only about 6 lines or so - member name, site link, summary and maybe some other stuff.

Thanks for reading, didn't mean to bore you and since it's about to snow like mad here in NJ I'll be working on this full force for the next two days so anytime is a a good time. Chime in, guys!

If you want to see the site to see what I mean, visit http://cw-connect.com. That's sincerely not meant to be a plug; but you can see why I don't want the site to be ratty. I interview notable people and they expect me to have a tight site to display their attributions. I'd have it no other way.

Thanks again.

P.S. I realize this is an old string started in 2008 but at first it seemed like it might fit my request and I'm hoping that maybe those who've already posted will be notified there's a new post already and will assist. I don't want to cross post so come on, help a woman out!

Back to top


Form is loading...