Demo

Probiere ClanSphere aus und teste daran herum. Demo


Antworten: 10
Seite [1]
iViuDesign


Beginner




Beiträge: 6
# Thema - 28.02.2012 um 08:24 Uhr
Servus

Ich hab mich schon durch sämtliche Foren gewühlt und durchprobiert wie ein blöder, hatte aber bis jetzt keinen erfolg.
Ich möchte wie der titel schon sagt das {users:pic} in seiner größe anpassen. und zwar soll das bild zum schluss neben den benutzernamen in der {users:navlogin} auftachen und das aber verkleinert auf 24x24px. ich glaub ich bin zu blöd dafür
Soweit bin ich schon gekommen ->

Wäre schön, wenn mir jemand dabei helfen könnte.
Groß André
Inaktiv
Fr33z3m4n ClanSphere Team


Medal of Honor




Herkunft: Hamm
Beiträge: 11094
# Antwort: 1 - 28.02.2012 um 09:21 Uhr
Am besten ist es, wenn du dafür die pictures navlogin nutzt, und diese an deine Bedürfnisse anpasst.

{users:navlogin} ersetzen durch {users:navlogin:style=picture}

/themes/base/users/navlogin_picture.tpl nach deinen Bedürfnissen anpassen.



------------------
mfg
Patrick "Fr33z3m4n" Jaskulski

Antoine de Saint-Exupéry: Wenn Du ein Schiff bauen willst, so trommle nicht Männer zusammen, um Holz zu beschaffen, Aufgaben zu verteilen, sondern lehre die Männer die Sehnsucht nach dem endlosen weiten Meer.

Inaktiv
|
iViuDesign
Thread-Ersteller


Beginner




Beiträge: 6
# Antwort: 2 - 28.02.2012 um 09:59 Uhr
danke für die schnelle antwort, aber die datei navlogin_picture.tpl befindet sich nicht unter dem angegebenen verzeichnis.


Inaktiv
|
TeQu!La ClanSphere Team


Specialist




Herkunft: Grevenbroich
Beiträge: 2142
# Antwort: 3 - 28.02.2012 um 11:22 Uhr
themes\base\users\navlogin_view_picture.tpl oder themes\base\users\navlogin_form_picture.tpl

Edit: from ist quatsch... die view musste bearbeiten


------------------

ClanSphere - professional clan care starts here


Zuletzt editiert von TeQu!La ClanSphere Team am 28.02.2012 um 11:23 Uhr (1x Editiert)
Inaktiv
|
Seron


Rock the board




Beiträge: 76
# Antwort: 4 - 28.02.2012 um 11:40 Uhr
Naja in der navlogin_view_picture steht dann wieder "nur" {users:pic} wo es dann für einen Anfänger schwer fällt, eine größe und breite anzugeben.

Lösen lässt sich das Problem, wie so oft, mit CSS:

in css datei:

# userpic img{
width:24px;
height:24px;
}

in navlogin_view_picture.tpl oder andere navlogin_view:

<div id="userpic">
{users:pic}
</div>

Der Code sollte selbsterklärend sein. Wenn nicht, einfach nochmal nachfragen :-)


Inaktiv
|
iViuDesign
Thread-Ersteller


Beginner




Beiträge: 6
# Antwort: 5 - 28.02.2012 um 13:37 Uhr
28.02.2012 um 11:40 Uhr - Seron:
Naja in der navlogin_view_picture steht dann wieder "nur" {users:pic} wo es dann für einen Anfänger schwer fällt, eine größe und breite anzugeben.

Lösen lässt sich das Problem, wie so oft, mit CSS:

in css datei:

# userpic img{
width:24px;
height:24px;
}

in navlogin_view_picture.tpl oder andere navlogin_view:

<div id="userpic">
{users:pic}
</div>

Der Code sollte selbsterklärend sein. Wenn nicht, einfach nochmal nachfragen :-)

YEAH!!! Ich dank dir hat funktioniert ^^

Jetzt hab ich aber ein neues problem ->

Des hat's runter geschoben, als das Bild drin war. Entweder muss der Text höher oder das Bild tiefer.


Zuletzt editiert von iViuDesign am 28.02.2012 um 14:23 Uhr (2x Editiert)
Inaktiv
|
Seron


Rock the board




Beiträge: 76
# Antwort: 6 - 28.02.2012 um 15:23 Uhr
dazu müsstest du mal den Inhalt deiner angepassten tpl-datei posten.

edit:
vielleicht anstalle von einem div ein span verwenden. css code bleibt gleich.


Zuletzt editiert von Seron am 28.02.2012 um 15:24 Uhr (1x Editiert)
Inaktiv
|
iViuDesign
Thread-Ersteller


Beginner




Beiträge: 6
# Antwort: 7 - 28.02.2012 um 17:06 Uhr
<link href="../templates/xdamage/userpic.css" rel="stylesheet" type="text/css" />
<span id="userpic" align="right">{users:pic}</span>
<span style="font-weight: bold; color: #FFFFFF; margin-right: 9px">{users:link}</span>
<img src="../templates/xdamage/pictures/user-navigation_line.png" align="absmiddle" />
<a href="{url:users_home}"><img src="../templates/xdamage/pictures/usericons/profile-icons_20.png" style="margin: 9px 9px 9px 9px" align="absmiddle" /></a>
<img src="../templates/xdamage/pictures/user-navigation_line.png" align="absmiddle" />
<a href="{url:messages_inbox}"><img src="../templates/xdamage/pictures/usericons/profile-icons_12.png" style="margin: 9px 9px 9px 9px" align="absmiddle" /></a>
<img src="../templates/xdamage/pictures/user-navigation_line.png" align="absmiddle" />
<a href="{url:users_settings}"><img src="../templates/xdamage/pictures/usericons/profile-icons_10.png" style="margin: 9px 9px 9px 9px" align="absmiddle" /></a>
<img src="../templates/xdamage/pictures/user-navigation_line.png" align="absmiddle" />
<a href="{url:contact_manage}"><img src="../templates/xdamage/pictures/usericons/profile-icons_06.png" style="margin: 9px 9px 9px 9px" align="absmiddle" /></a>
<img src="../templates/xdamage/pictures/user-navigation_line.png" align="absmiddle" />
<a href="{url:users_logout}" style="margin-left: 9px">Abmelden</a>

Das span hab ich von vornherein eingebunden, weil mir das div das icon über den text geklatscht hätte.


Inaktiv
|
ven0m


Going for pro




Herkunft: Essen
Beiträge: 406
# Antwort: 8 - 29.02.2012 um 08:18 Uhr
mach mal aus
 
1.
2.
3.
4.
1. / 2. / ... 
 # userpic img{
width:24px;
height:24px;
}


einfach
 
1.
2.
3.
4.
5.
1. / 2. / ... 
 # userpic img{
width:24px;
height:24px;
floatleft;
}


könnte dein problem schon beheben.


------------------
Gruß
ven0m

Inaktiv
|
iViuDesign
Thread-Ersteller


Beginner




Beiträge: 6
# Antwort: 9 - 29.02.2012 um 13:13 Uhr
29.02.2012 um 08:18 Uhr - ven0m:
mach mal aus
 
1.
2.
3.
4.
1. / 2. / ... 
 # userpic img{
width:24px;
height:24px;
}


einfach
 
1.
2.
3.
4.
5.
1. / 2. / ... 
 # userpic img{
width:24px;
height:24px;
floatleft;
}


könnte dein problem schon beheben.

YEAH!!! du bist mein held ^^ hat erste sahne funktioniert.
danke nochmal an alle ^^


Inaktiv
|
ven0m


Going for pro




Herkunft: Essen
Beiträge: 406
# Antwort: 10 - 29.02.2012 um 14:46 Uhr
freut mich zu hören das es geklappt hat


------------------
Gruß
ven0m

Inaktiv
|
Antworten: 10
Seite [1]


Sie müssen sich registrieren, um zu antworten.