bild in jedem post

[hackepeter13]

@Talk19zehn,

stimmt mit dem announcements_row. hatte ich ganz vergessen zu nennen, aber du hast es ja selber mitbekommen, dass das auch noch angepasst werden muss.

[Talk19zehn]

Hi hackepeter13, sowas kommt vor, - ist nicht tragisch...

Sieht ja gut aus bei FRvN, darf ich fragen, wie hast du das mit der Uhrzeit gemacht? Da werde ich ja glatt "ein wenig neidisch".

Im Portal 1.06 habe ich nicht geregelt bekommen ( seufz ).

OK, mein CSS für das Aufpeppen der Bekanntmachung ( Portalversion 1.06 ) auf meiner Testseite sieht nun folgendermaßen aus und bezieht sich nur auf die announcements.html. *Dennoch ohne Gewähr, da individuelle Kontrukte zum Tragen kommen können und Originalcodierungen, die im Verlauf noch einer Beurteilung / Ergänzung bedürfen, relevant sein können.

Theme/ portal.css ergänzt um:

Code: Alles auswählen

.calendar_sheet {
	position: relative;
	float: left;
	width: 64px;
	height: 64px;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0pt 4px;
	background-clip: border-box;
	background-origin: padding-box;
	background-size: auto auto;
}

.date .day {
	font-size: 1.9em;
	font-weight: bold;
	top: 37px;
	left: 0px;
	width: 64px;
}

.date .month {
	color: #000;
	font-size: 0.7em;
	font-weight: bold;
	top: 11px;
	left: 1.8em;
	text-transform: uppercase;
}

.calendar_sheet .date span {
	position: absolute;
}

.boxcalender {
	width: 128px;
	height: 128px;
	background: #CCCCCC;
	margin: 8px auto;
	position: relative;
	float: left;
	text-align: center;
}

.boxicalender {
	width: 64px;
	height: 64px;
	background: #C0C0C0;
	position: absolute;
	top: 64px;
	left: 64px;
	z-index: 1;
}

.boxcalenderimage {
	width: 64px;
	height: 64px;
	background-image: url("{T_THEME_PATH}/images/portal/calendar17.png");
	position: absolute;
	top: 32px;
	left: 32px;
	z-index: 2;
}

Die Farben der Boxen sind hier in Grautönen hinterlegt ( vgl. unten im Ergebnis ): Farben des Styles Prosilver findet ihr unter: http://www.ongray-design.de/forum/viewt ... &t=49#p140
Die Maße der Boxen bestimmen sich anhand der Grafikgröße, hier 64px x 64px, und sind "raffiniert verschachtelt" ...



.../template/portal/block --> announcements.html

Suche

Code: Alles auswählen

			<!-- IF announcements_row.PAGINATION --><strong class="pagination"><span>{announcements_row.PAGINATION}</span></strong><!-- ENDIF -->

Füge danach ein

Code: Alles auswählen

	<div class="boxcalender">
		<b>{announcements_row.TIME}</b>
		<div class="boxicalender">
		</div><!--Ende #boxicalender-->
		<div class="boxcalenderimage">
			<div class="calendar_sheet">
				<div class="date">
					<span class="month">{announcements_row.MONTH_YEAR}</span>
					<span class="day">{announcements_row.DATE}</span>
				</div>
			</div>
		</div><!--Ende #boxcalenderimage-->
	</div><!--Ende #boxicalender-->

Suche

Code: Alles auswählen

				<li>{L_POSTED} {L_POST_BY_AUTHOR}: {announcements_row.POSTER_FULL} &raquo; {announcements_row.TIME}</li>

und ersetze

Code: Alles auswählen

				<li style="margin-left: 10px">{L_POSTED} {L_POST_BY_AUTHOR}: {announcements_row.POSTER_FULL}</li>

Suche

Code: Alles auswählen

				<div class="content">
					<br />{announcements_row.TEXT}
				</div>

und ersetze

Code: Alles auswählen

				<div class="content" style="padding-left: 10px">
				<div>
					<br />{announcements_row.TEXT}
				</div>
				</div>

Ich habe jene Grafik verwendet und das CSS ( Abstände im Kalenderblatt ) sind dahingehend ausgerichtet:
[ externes Bild ]

Ergebnis:
[ externes Bild ]

Falls es einen Fehler gibt, bitte melden. Ich hatte zunächst keinen, *soweit ich es beurteilen konnte.
Beste Grüße


Edit: Hinweis

... /portal/includes/functions.php
nach

Code: Alles auswählen

			'topic_time'			=> $user->format_date($row['post_time']),

eingefügt

Code: Alles auswählen

			'month_year'			=> $user->format_date($row['post_time'], 'M Y', true),
			'date'					=> $user->format_date($row['post_time'], 'd', false),

.


Edit: HTML
"Boardmeldung" herausgenommen, da bei ausgeschriebenen Monaten eine Überlappung erzeugt wird. Insofern, stimmt das Bildchen inhaltlich nicht überein.

[FRvN]

Sieht ja gut aus bei FRvN, darf ich fragen, wie hast du das mit der Uhrzeit gemacht? Da werde ich ja glatt "ein wenig neidisch".

öffne viewtopic.php
finde

Code: Alles auswählen

        'MONTH_YEAR'        => $user->format_date($row['post_time'], 'M Y', true),
        'DATE'              => $user->format_date($row['post_time'], 'd', false),

danach einfügen

Code: Alles auswählen

		'TIME_POST'			=> $user->format_date($row['post_time'], 'H:i', false),

öffne styles/dein_style/theme/content.css
finde

Code: Alles auswählen

.date .day {
	color: #000;
        font-size: 20px;
        font-weight: bold;
        top: 22px;
        left: 0px;
        width: 64px;
        text-align: center;
}

danach einfügen

Code: Alles auswählen

.date .day_time {
	color: #000;
        font-size: 8px;
        top: 38px;
        left: 0px;
        width: 64px;
        text-align: center;
}

die top: und font-size: Werte entsprechend anpassen

öffne styles/dein_style/template/viewtopic_body.html
finde

Code: Alles auswählen

<span class="day">{postrow.DATE}</span>

danach einfügen

Code: Alles auswählen

<span class="day_time">{postrow.TIME_POST}</span>

[amour]

hallo

Also man ein fettes danke an alle hier echt toll wirklich ich bin richtig '(erfreut)
aber besonders an MIRIAM.HACKEPETER,und TALK19ZEHN

@hackepeter
ich habe versucht es in das portal einzufügen und zwar in announcment.
das bild wird auch angezeigt aber das datum nicht...
ich habe keine ahnung wo ich das hier einfügen soll:

Code: Alles auswählen

    <div class="calendar_sheet">
                <div class="date">
                    <span class="month">{announcements_row.MONTH_YEAR}</span>
                    <span class="day">{announcements_row.DATE}</span>
                </div>
            </div>

Und eine frage noch ich würde es gerne wollen das das bild jedes mal wenn ich im portal einen eigenen block erstelle
es dabei ist ,wie mache ich das?ich habe es schon versucht auf die gleiche art wie beim announcment aber ich mache was falsch.

bitte um hilfe..


UND NOCHMAL EIN DICKES LOB AN ALLE HIER!!!! IHR SEIT WUNDERBAR


EDIT:also ich habe es jetzt geschafft es auch im portal bei den announcments anzuzeigen .
doch eine frage wie kann ich den kalender ein bissl weiter links verschieben im post? weil es sind ca 1cm
abstand in jedem post von der seite.

jedoch wäre ich sehr froh wenn mir jemand helfen könnte es bei eigenen blöcken hinzuzufügen da ich mit den eigenen block
meine news schreibe.ich habe board3portal 2

[hackepeter13]

doch eine frage wie kann ich den kalender ein bissl weiter links verschieben im post? weil es sind ca 1cm
abstand in jedem post von der seite.

Das sollte durch margin oder padding Werte für den Abstand nach links definiert sein, da musst du dann mal bei dir schauen und die Werte anpassen (nutze dazu auch zur Hilfe Browser-Entwicklungs-Tools, die bei Firefox, Opera, Chrome schon standard bei sind, um die entsprechende Angaben einfacher zu finden).

jedoch wäre ich sehr froh wenn mir jemand helfen könnte es bei eigenen blöcken hinzuzufügen da ich mit den eigenen block
meine news schreibe.ich habe board3portal 2

Da ich nur die Basis von der Version 1.0.6 nutze, kann ich dir nichts bezüglich der 2er Version sagen.

[Miriam]

margin-left wäre dann der linke Außenabstand. Es sind auch negative Werte gestattet, falls Du über den Rand des Eltern-Elements hinaus willst / mußt.
Lies auch hier: Klick.

[amour]

danke für eure antworten super thx

@hackepeter
aber die änderungen was du angegeben hast waren ja auch
für die 1.0.6 version und sie sind trotzdem bei der 2beta gegangen..

wäre toll wenn ich das hinbekommen könnte das automatisch in jedem neuen
erstellten eigenen block der kalender dabei ist.weil ich muss ihn für meine NEWS verwenden oder
gibt es dafür einen besseren??aber nicht den announcemt .


EDIT:das bild vom kalender bringe ich leicht rein...aber das datum kann ich nirgens hin.

weil in der datei
portal/modules/portal_costum kann ich das hier:

Code: Alles auswählen

                'MONTH_YEAR'            => $fetch_news[$i]['month_year'],
                'DATE'                    => $fetch_news[$i]['date'], 

nirgens einfügen..

[hackepeter13]

weil ich muss ihn für meine NEWS verwenden oder
gibt es dafür einen besseren??aber nicht den announcemt .

Announcemt kann man als News-System im Portal verwenden!

Wie, habe ich in deinem anderen Thema dazu beantwortet.
Dann hast du es s, wie es bei mir aussieht.

[Talk19zehn]

Hi, Ich setze voraus, dass du alles korrekt eingebunden hast.

Idee:
Richte dir eine Kategorie News - Bekanntmachungen und darin das entsprechende Forum ein. Dort postest du ausschließlich deine Bekanntmachungen / News. Wenn du nun dort dein Post erstellt hast und dort ergänzend unterhalb des Postings über die Schnellmoderation gehst und das Posting "In Bekanntmachung ändern" und " Los" anklickst und mit "Ja" bestätigst", wird dieses Im Portal in der Form "automatisch" angezeigt. Die Anzahl der Anzeigen der Bekanntmachungen regelst du meines Wissens über das ACP. Jedenfalls geht das in der Version 1.06 sehr gut.

Die neue Version müsste auch ich erst näher untersuchen. Oder hast du bereits Neuigkeiten bzw. die Erläuterung in deinem anderen Beitrag ( vgl. Antwort hackepter13 ) ausprobiert?

Gruß

[amour]

hallo also ich habe es so gemacht das ich ein forum erstellt habe das ich nur für bekanntmachungen habe
und im post sehen die bekanntmacungen auch gut aus aber sobald es im portal angezeigt wird schaut es blöd aus wir hier:

http://picload.org/image/rpogicr/g.jpg

wie kann ich es machen das die schrift weiter links ist also auch am rand anfängt??
und kann ich auch einen weißen hintergrund haben???ist das möglich??
und rechts oben in der ecke steht nochmal GLOBALE BEKANNTMACHUNG wie kann ich das weg machen

ich danke euch lg


EDIT: also ich habe das mit dem globale bekanntmachung in der ecke gelöst und auch das mit antwort erstellen kommentare und zugriffe.eigentlich würde ich nur mehr wissen wollen wie ich die schrift weiter links haben kann und vielleicht einen anderen hintergrund also weiß