Link im Header integrieren

[stragami]

Hallo zusammen,

ich hatte einen Auftrag erteilt um ein Kontkatforumlar ins Forum zu integrieren. Leider hat der Programmierer ein Problem den Link in den Header zu bekommen.
Ich bin kein Progrmmierer und kenne mich da nicht aus evtl. kann jemand ihm einen Tipp/Hilfe geben?
hier ist der Link ins com Forum https://www.phpbb.com/community/viewtop ... &t=2166650


Danke & Gruß

[stragami]

Entweder ist das so simpel das dies jeder Programmierer das umsetzen könnte oder so aufwändig das sich keiner rantraut...

Ich kann das nicht beurteilen da ich ken Programmierer bin sonder auf externe Hilfe angewiesen bin.

Aber keine Info ist wenig hilfreich für mich

Evtl findet sich ja noch einer...

Danke!

[Miriam]

Na scheinbar kann es nicht jeder Programmierer umsetzen.
Prinizipielle Vorgensweise: Klick.

[Talk19zehn]

Hello, gemeint ist ein "Textlink", also kein Bild?

Idee: Siehe bitte inhaltlich ab Zeile <div style="clear: both"></div> ff beispielhaft....

[ externes Bild ]

Code: Alles auswählen

		<div class="headerbar">
			<div class="inner"><span class="corners-top"><span></span></span>

			<div id="site-description">
				<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITE_LOGO_IMG}</a>
				<h1>{SITENAME}</h1>
				<p>{SITE_DESCRIPTION}</p>
				<p class="skiplink"><a href="#start_here">{L_SKIP}</a></p>
			</div>

		<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
			<div id="search-box">
				<form action="{U_SEARCH}" method="get" id="search">
				<fieldset>
					<input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" />
					<input class="button2" value="{L_SEARCH}" type="submit" /><br />
					<a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}
				</fieldset>
				</form>
			</div>
		<!-- ENDIF -->

		<div style="clear: both"></div>
			<div style="text-align:center; padding:3px;">
				&bull; <a href="#" title="...">Link</a> &bull; <a href="#" title="...">Link</a> &bull; <a href="#" title="...">Link</a>
			</div>

			<span class="corners-bottom"><span></span></span></div>
		</div>

Eine entsprechende eigene Linkklasse rundet das Erscheinungsbild ab. Bitte noch inhaltlich das CSS kreieren/ergänzen.

Idee: --> CSS

Code: Alles auswählen

a.linkclassheader:link {
	color:#FFF;
	font-size: 11px;
	font-weight:normal;
	text-decoration:none;
}

a.linkclassheader:visited {
	color:#FFF;
	font-size: 11px;
	font-weight:normal;
	text-decoration:none;
}

a.linkclassheader:hover {
	color:#A8D8FF;
	font-size: 11px;
	font-weight:normal;
	text-decoration:none;
}

Der Code sieht in dem Falle dann bspw. folgendermaßen aus:
Title-Attribut bitte auffüllen!

Code: Alles auswählen

<div style="clear: both"></div>
			<div style="text-align:center; padding:3px;">
				<a href="#" title="..." class="linkclassheader">Link</a> <a href="#" title="..." class="linkclassheader">Link</a> <a href="#" title="..." class="linkclassheader">Link</a>
			</div>

Gruß


P.S.:
Es gilt m.E - fasse dich in der Linkausgabe (Link) kurz.....

[stragami]

Vielen Dank für die Hilfe

den ersten code konnte ich in die /.../forum/styles/prosilver/template/overall_header.html einfügen.

den 2 Code für die CSS da da fehlt mir der Dateiname - bin eben nur ein Copy/Paste "König"

evtl. /.../forum/styles/prosilver/theme/ aber keine Ahnung welche

[Crizzo]

evtl. /.../forum/styles/prosilver/theme/ aber keine Ahnung welche

Das ist fast egal, schau dir die Namen an und pack den Code darein, wo du ihn am ehesten vermuten würdest, wenn du ihn nochmal suchst.

[Talk19zehn]

Hello,
Anmerkung: Der o.g. HTML- Code war natürlich zu finden und zu ersetzen. Also in dem Falle nicht zusätzlich einzusetzen.

CSS:
Das kann die link.css oder auch common.css sein. Da m.W. die common.css als erste geladen wird, nehme ich sie meist für Änderungen, füge am Ende hinzu und ergänze je hierin. Völlig unverbindlich....

Code: Alles auswählen

/* eigene Anpassungen
---------------------------------------- */
a.linkclassheader:link {
	color:#FFF;
	font-size: 11px;
	font-weight:normal;
	text-decoration:none;
}

a.linkclassheader:visited {
	color:#FFF;
	font-size: 11px;
	font-weight:normal;
	text-decoration:none;
}

a.linkclassheader:hover {
	color:#A8D8FF;
	font-size: 11px;
	font-weight:normal;
	text-decoration:none;
}

/* ende eigene Anpassungen
---------------------------------------- */

Grüße

[stragami]

Vielen Dank für die Hilfe
..endlich erledigt das Kontaktforumlar funktioniert...

[Talk19zehn]

Hi stragami, das freut mich, dass es dir gelang, den Link im Header (Headerbar) des Styles Prosilver zu integrieren. Es war doch eine der "leichteren Übungen".
Individuelle CSS-Konzeptionen lassen auch hierin eine Gestaltung für deinen Internetauftritt zu.
Grüße und viel Glück und danken musst du dafür nicht!