By Scaap on

...and set them as background of the forum post's author-pane

In advanced-forum.naked.structure.css i narrowed down the .forum-post-wrapper to 150px width.

This should be a panel for vertically repeating user pictures. an endless strip, as long as the posts get...

Do i have to define (.user-picture) as a CSS background, the picture print to a CSS class? If yes, how?
Thanks!

Edit: This is how it should look like.jpg

⋅ Categories: Drupal 7.x

Comments

Scaap’s picture

Scaap commented

Pushing this issue after 5 years...the project is stilll laying around unfinished.

Today I tried to set $picture variable as the background-image of the Author Pane's div.
Nothing worked.

Author pane (left):

Screenshot 1

I tried writing into the file /styles/naked/advanced-forum.naked.author-pane.tpl and inserted this: 

style= backgroundimage: url("<?php echo $picture; ?>")

- In...

<div class="author-pane">
<div class="author-pane-inner" >
<?php /* General section */ ?>
<div class="author-pane-section author-pane-general">
<?php /* Account name */ ?>
<div class="author-pane-line author-name">
<?php print $account_name; ?>
</div>

Result...:

<div class="author-pane" style= backgroundimage: url("<?php echo $picture; ?>")>
<div class="author-pane-inner" >
<?php /* General section */ ?>
<div class="author-pane-section author-pane-general">
<?php /* Account name */ ?>
<div class="author-pane-line author-name">
<?php print $account_name; ?>
</div>

Nothing changed.

Then - dev tools shows it's also in a class called: forum-post-wrapper
which should be in the file /styles/naked/advanced-forum.naked.post.tpl

So i tried:

<div class="forum-post-wrapper" style= backgroundimage: url("<?php echo $picture; ?>")>
<div class="forum-post-panel-sub"><?php if (!empty($author_pane)): ?>
<?php print $author_pane; ?>
<?php endif; ?>
</div>

nothing changed.

The outcome should look like this:

Screenshot 2

...Instead of this:

Screenshot 3

Again: the Author Pane needs an own background image made from the $picture variable.

Its class would get:
background-size: cover;
background-repeat: repeat-y;

Can anyone see this through?

Thanks