Seite 1 von 1

Link im Header integrieren

Verfasst: 07.12.2012 09:08
von 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ß

Re: Link im Header integrieren

Verfasst: 07.12.2012 20:39
von 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!

Re: Link im Header integrieren

Verfasst: 07.12.2012 20:45
von Miriam
Na scheinbar kann es nicht jeder Programmierer umsetzen.
Prinizipielle Vorgensweise: Klick.

Re: Link im Header integrieren

Verfasst: 07.12.2012 23:16
von 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..... :wink:

Re: Link im Header integrieren

Verfasst: 08.12.2012 10:19
von 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

Re: Link im Header integrieren

Verfasst: 08.12.2012 11:12
von Crizzo
stragami hat geschrieben: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. :wink:

Re: Link im Header integrieren

Verfasst: 08.12.2012 11:28
von 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.... :wink:

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

Re: Link im Header integrieren

Verfasst: 19.12.2012 11:15
von stragami
Vielen Dank für die Hilfe
..endlich erledigt das Kontaktforumlar funktioniert...

Re: Link im Header integrieren

Verfasst: 19.12.2012 21:28
von 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! :wink: