Joomla Templates Club 406,261 posts

[minas69 Friend minas69Join date: September 2007Posts: 260Downloads:0Uploads:99 Thanks: 73 Thanked: 6 times in 1 posts]

#160052

Hi,

I want to place at the left site not only a text but rather a different images with text below.

What I have to do ?

Thanks for your comments ..!

mina

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#376536

to avoid confusion, could you depict your idea into a screenshot?

[minas69 Friend minas69Join date: September 2007Posts: 260Downloads:0Uploads:99 Thanks: 73 Thanked: 6 times in 1 posts]

#379300

of course,

where you can see the yellow sign I want to place text and a image to …

thanks

mina

---

Attachments:

1. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#379358

thanks, I got the point, heres the guild let you achive that:
go to admin > modules manager > module slideshow > Description for each Item,
in Description for each Item, add an html tag to show an image, like this:


<h3>10 things you must know about JA Teline III</h3>
<img src="http://images.apple.com/home/images/promo_iphone4verizon_20110302.png" />
<p>JA Teline III goes live now! This is JoomlArt's special August template, the very first concept under our new 1-template-per-month plan. Why can JA Teline III turn your Joomla site a to a new high?</p>
<div class="button-wrap clearfix">
<a href="http://www.joomlart.com/template_demo.php?ja_teline_iii" class="button1"><span>View demo</span></a>
<a href="http://www.joomlart.com/member/member.php" class="button2"><span>Buy now</span></a>
</div>

<h3>JM Epidio - Magento virtual download store</h3>
<img src="http://images.apple.com/home/images/promo_iphone4verizon_20110302.png" />
<p>The JM Epidio, JoomlArt's 9th Magento template is now in stable version. We highly recommend this candidate for sites offering downloads/ virtual products or game-related biz in particular. Let's switch among eleven (11) color variants built in JM Epidio for the most suitable one to start your deployment.</p>
<div class="button-wrap clearfix">
<a href="http://magento-themes.joomlart.com/jm_epidio/" class="button1"><span>Take the tour</span></a>
<a href="http://www.joomlart.com/member/member.php" class="button2"><span>Buy now</span></a>
</div>

hope that helps.

[minas69 Friend minas69Join date: September 2007Posts: 260Downloads:0Uploads:99 Thanks: 73 Thanked: 6 times in 1 posts]

#379449

Hi hungnd,

thanks for your comment…

I placed the code in a mod custom modul and the code looks like :

<div style="width: 940px; height: 360px;">
<div style="position: relative; width: 550px; height: 250px; float: left; left: 10px; top: 5px;"><script type="text/javascript">

/***********************************************
* Fading Scroller- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

var delay = 10000; //set delay between message change (in miliseconds)
var maxsteps=60; // number of steps to take to change from start color to endcolor
var stepdelay=30; // time in miliseconds of a single step
//**Note: maxsteps*stepdelay will be total time in miliseconds of fading effect
var startcolor= new Array(255,255,255); // start color (red, green, blue)
var endcolor=new Array(63,63,62); // end color (red, green, blue)

var fcontent=new Array();
begintag='<div style="font: normal 16px Verdana; padding: 5px;">'; //set opening tag, such as font declarations
fcontent[0]="<h1>Leistungsmerkmale</h1><br>Datenbankorientierte Anwendersoftware für das Performance Management und Risiko-Management:</p> <li>Von <strong>Business Intelligence Experten</strong> entwickelt</li><li>In der <strong>Praxis</strong> erprobt</li><li>Qualitäts- und Zeitvorteile</li><li>Klare Preisstruktur</li><li><strong>Kostengünstig</strong> für kleine Anwendungen!</li><p><a href='#'></a></p>";

fcontent[1]="<h1>Wettbewerbsvorteile</h1><br><li>Hohe Leistungsfähigkeit</li><li>Übersichtliche Visualisierung</li><li>Automatisierung des Berichtswesens</li><li>Mehrsprachigkeit</li><li>Schnelle Implementierung</li><li>Einfache Parametrisierung und Pflege</li><li>Eigenständiger Aufbau des Datenmodells</li><p><a href='#'></a></p>";

fcontent[2]="<h1>Datenbank</h1><br>Die Software <strong>SCOREPRISE</strong> unterstützt die Datenbank</p><li><strong>MS Access</strong> für Einzelplatz-Anwendungen und</li><li><strong>MS SQL-Server</strong> für Mehrplatz Client-Server-   Anwendungen.</li><p><a href='#'></a></p>";

fcontent[3]="<h1>Flexibilität</h1><br>Profil- und Benutzer-Einstellungen für <strong>unterschiedliche Lese- und Schreibrechte.<br /></strong> Selbstständig und schnell <strong>parametrisierbare Datenbank-Anwendung.</strong> <br />Unabhängig von Vorsystemen durch <strong>eigenständige Datenhaltung.</strong><p><a href='#'></a></p>";

fcontent[4]="<h1>Mehrsprachigkeit</h1><br><li>11 Standardsprachen im System</li><li>Standardsprachen durch den Kunden modifizierbar</li><li>Eigenständige Sprachen generierbar</li><li>Benutzerabhängige Spracheinstellungen</li><li>Reporting in unterschiedlichen Sprachen</li><p><a href='#'></a></p>";

fcontent[5]="<h1>Datensammlung</h1><br>Import von Daten aus Vorsystemen mit strukturierten <strong>Textdateien</strong>, z.B. MS Excel oder anderen Datenbanken. Dezentrale <strong>Erfassungstools</strong> für Messwerte und Maßnahmen.<br><br>Flexible Importschnittstelle mittels <strong>Mapping-Tabellen</strong>.<p><a href='#'></a></p>";

fcontent[6]="<h1>Datenüberprüfung</h1><br>Übersichtlicher <strong>Messwerte-Monitor</strong> zur Überprüfung der importierten und eingegebenen Messwerte.<p><a href='#'></a></p>";

fcontent[7]="<h1>Hierarchie-Baum</h1><br>Darstellung beliebiger Organisations-Einheiten als Hierarchie-Baum.<br /><strong>Mehrdimensionale</strong> Berechnungs- und Analyse-Hierarchien.<p><a href='#'></a></p>";

fcontent[8]="<h1>Formelgenerator</h1><br>Leistungsfähiger <strong>Formelgenerator</strong> zur getrennten Berechnung von Kennzahlen.<br />Trennung von Ist- und Sollwerten.<br />Unterschiedliche Berechnungsmöglichkeiten in Abhängigkeit der Orga-Einheit. <br /><strong>Neuberechnung</strong> bei Änderung der Daten problemlos möglich.<p><a href='#'></a></p>";

fcontent[9]="<h1>Visualisierung</h1><br>Der Status von Kennzahlen, Perspektiven und Orga-Einheiten wird mittels eines Ampel- und Trendsymbols visualisiert. <br />Ad-hoc-Übersicht im <strong>Performance-Monitor</strong> möglich.<p><a href='#'></a></p>";

fcontent[10]="<h1>Maßnahmen</h1><br>Hinterlegung von <strong>Maßnahmen bzw. Aktivitäten</strong> zur Erreichung der jeweiligen Ziele.<br />Monatliche Dokumentation vom Status der Maßnahmen-Umsetzung. <br /><strong>Rentabilitätsanalyse</strong> der Maßnahmen möglich.<p><a href='#'></a></p>";

fcontent[11]="<h1>Transparenz</h1><br>Kontrolle der Zielerreichung und Maßnahmendurchführung auf einen Blick im <strong>Performance-Monitor</strong>.<br />Darstellung <strong>sämtlicher</strong> erfolgsrelevanten Unternehmensbereiche.</strong><p><a href='#'></a></p>";

fcontent[12]="<h1>Reporting</h1><br>Automatische Erstellung von Standardberichten und Graphiken. Individuelle Berichte je Organisationseinheit.<br /><strong>Task Manager</strong> zur automatisierten Erstellung und Verteilung von Berichten.<p><a href='#'></a></p>";

fcontent[13]="<h1>Implementierung</h1><br>Der Kunde kann seine Anwendung auf einem branchenspezifischen Demo-Modell aufsetzen. Durch einfache Parametrisierung ist eine eigenständige Adaption des eigenen Datenmodells <strong>in kurzer Zeit</strong> möglich.<br><br>It´s Management System, not only Measurement System! (Kaplan & Norton).<p><a href='#'></a></p>";

fcontent[14]="<h1>Datenmodell</h1><br>Aufbau des eigenen Datenmodells, basierend auf einem Demo-Modell, problemlos möglich. U.a. sind Benchmarks, Best Practices, Zielvereinbarung und deren Kontrolle, Anreiz- und Entlohnungssysteme möglich.<br /><strong>Integration von Performance- und Risiko-Management in einer Anwendung.</strong><p><a href='#'></a></p>";

fcontent[15]="<h1>Kundennutzen</h1><br><li>Transparenz in der Zielerreichung</li><li>Transparenz in der Maßnahmenumsetzung</li><li>Eigenständige Pflege und Weiterentwicklung</li><li>Automatisierung der Datenaufbereitung und des    Berichtswesen</li><li>Schnelle Implementierung durch einfache    Parametrisierung</li><li>Kostengünstige Einführung und Nutzung</li><li><strong>Deutliche Preis-, Qualitäts- und Zeitvorteile</strong></li><p><a href='#'></a></p>";

fcontent[16]="<h1>SWOT</h1><br><strong>S</strong>trengths (Stärken), <strong>W</strong>eakness (Schwächen), <strong>O</strong>pportunities (Chancen), <strong>T</strong>hreats (Bedrohungen). <strong>SCOREPRISE</strong> beschreibt diesen Vorgang nicht nur verbal, sondern drückt dies auch in Zahlen aus. Damit ist eine Optimierung möglich.<br><br>What you can´t measure, you can´t manage!<p><a href='#'></a></p>";

fcontent[17]="<h1>Referenz Marc O´Polo</h1><br><strong>SCOREPRISE</strong> ist unser<strong> zentrales System für Performance Mangement</strong>. Es dient zur Steuerung und Führung der nationalen und internationalen Vertriebsbereiche (Retail und Wholesale), der internen Abteilungen und des Gesamtunternehmens.<br><br>(Alexander Gedat, Vorstand)<p><a href='#'></a></p>";

fcontent[18]="<h1>Referenz Tommy Hilfiger</h1><br>Zur Steuerung und Führung der nationalen und internationalen Retailbereiche ist <strong>SCOREPRISE</strong> unser<strong> zentrales Performance Mangementsystem</strong>. In Zukunft wollen wir alle weiteren Führungsbereiche in <strong>SCOREPRISE</strong> integrieren und führen.<br><br>(Martin Geest, Finance Director)<p><a href='#'></a></p>";

fcontent[19]="<h1>Balanced Scorecard</h1><br>Am Beispiel von <strong>SCOREPRISE</strong> wird dargestellt, dass die für BSC entwickelte Software-Lösungen sehr gut in der Lage sind, den Informationsbedarf und die Anforderungen einer BSC-Anwendung abzudecken.<br><br>(Prof. Dr. Heinz-Dieter Knöll, Universität Lüneburg)<p><a href='#'></a></p>";

closetag='</div>';

var fwidth='500px'; //set scroller width
var fheight='200px'; //set scroller height

var fadelinks=1; //should links inside scroller content also fade like text? 0 for no, 1 for yes.

///No need to edit below this line/////////////////

var ie4=document.all&&!document.getElementById;
var DOM2=document.getElementById;
var faderdelay=0;
var index=0;

/*Rafael Raposo edited function*/
//function to change content
function changecontent(){
if (index>=fcontent.length)
index=0
if (DOM2){
document.getElementById("fscroller").style.color="rgb("+startcolor[0]+", "+startcolor[1]+", "+startcolor[2]+")"
document.getElementById("fscroller").innerHTML=begintag+fcontent+closetag
if (fadelinks)
linkcolorchange(1);
colorfade(1, 15);
}
else if (ie4)
document.all.fscroller.innerHTML=begintag+fcontent+closetag;
index++
}

// colorfade() partially by Marcio Galli for Netscape Communications. ////////////
// Modified by Dynamicdrive.com

function linkcolorchange(step){
var obj=document.getElementById("fscroller").getElementsByTagName("A");
if (obj.length>0){
for (i=0;i<obj.length;i++)
obj.style.color=getstepcolor(step);
}
}

/*Rafael Raposo edited function*/
var fadecounter;
function colorfade(step) {
if(step<=maxsteps) {
document.getElementById("fscroller").style.color=getstepcolor(step);
if (fadelinks)
linkcolorchange(step);
step++;
fadecounter=setTimeout("colorfade("+step+")",stepdelay);
}else{
clearTimeout(fadecounter);
document.getElementById("fscroller").style.color="rgb("+endcolor[0]+", "+endcolor[1]+", "+endcolor[2]+")";
setTimeout("changecontent()", delay);

}
}

/*Rafael Raposo's new function*/
function getstepcolor(step) {
var diff
var newcolor=new Array(3);
for(var i=0;i<3;i++) {
diff = (startcolor-endcolor);
if(diff > 0) {
newcolor = startcolor-(Math.round((diff/maxsteps))*step);
} else {
newcolor = startcolor+(Math.round((Math.abs(diff)/maxsteps))*step);
}
}
return ("rgb(" + newcolor[0] + ", " + newcolor[1] + ", " + newcolor[2] + ")");
}

if (ie4||DOM2)
document.write('<div id="fscroller" style="border:0px solid black;width:'+fwidth+';height:'+fheight+'"></div>');

if (window.addEventListener)
window.addEventListener("load", changecontent, false)
else if (window.attachEvent)
window.attachEvent("onload", changecontent)
else if (document.getElementById)
window.onload=changecontent
</script>
</div>
<div style="float: right; width: 390px; height: 291px; right: 0px; top: 0px; background-image: url("templates/ja_halite/images/top-mask.png"); ">
<div style="position: relative; float: right; width: 269px; height: 167px; right: 106px; top: 20px;">

{japopup type="youtube" content="http://www.youtube.com/v/hSUd8NPOaZA?hl=en&fs=1" group1=thickbox
width="1280" height="720"
title="SCOREPRISE Einführung und Übersicht"}<p><img alt="" src="http://www.scoreprise.com/images/stories/videos/SPplaybutton12.png" /></p>{/japopup}</div>
</div>
</div>

What I have to do here ?!

thanks…
mina

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#381353

the code you need to paste in admin > modules manager > module slideshow > Description for each Item, should be mere HTML, and since its just a desctiption, it should be short. You can tell what content you want to put, i can help you step by step.

[minas69 Friend minas69Join date: September 2007Posts: 260Downloads:0Uploads:99 Thanks: 73 Thanked: 6 times in 1 posts]

#381660

<em>@hungnd 227689 wrote:</em><blockquote>the code you need to paste in admin > modules manager > module slideshow > Description for each Item, should be mere HTML, and since its just a desctiption, it should be short. You can tell what content you want to put, i can help you step by step.</blockquote>

I only want to place instead a headline a image like a logo from a customer before the text follow …

for example ( instead headline, Referenz Tommy Hilfger, logo from Tommy Hilfiger:

fcontent[18]=”<h1>Referenz Tommy Hilfiger</h1><br>Zur Steuerung und Führung der nationalen und internationalen Retailbereiche ist <strong>SCOREPRISE</strong> unser<strong> zentrales Performance Mangementsystem</strong>. In Zukunft wollen wir alle weiteren Führungsbereiche in <strong>SCOREPRISE</strong> integrieren und führen.<br><br>(Martin Geest, Finance Director)<p><a href=’#’></a></p>”;

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#381870

<em>@minas69 228070 wrote:</em><blockquote>I only want to place instead a headline a image like a logo from a customer before the text follow …

for example ( instead headline, Referenz Tommy Hilfger, logo from Tommy Hilfiger:

fcontent[18]=”<h1>Referenz Tommy Hilfiger</h1><br>Zur Steuerung und Führung der nationalen und internationalen Retailbereiche ist <strong>SCOREPRISE</strong> unser<strong> zentrales Performance Mangementsystem</strong>. In Zukunft wollen wir alle weiteren Führungsbereiche in <strong>SCOREPRISE</strong> integrieren und führen.<br><br>(Martin Geest, Finance Director)<p><a href=’#’></a></p>”;</blockquote>

I forgot to notify you of adding oyur admin account into your ticket:
http://support.joomlart.com/index.php?/Tickets/Ticket/View/64045

[Author]

Posts