Ich brauch dringend Hilfe mit meiner LoginBox

  • 0 x
    70 Beiträge
    0 Hilfreiche Beiträge
    25. 04. 2012, 11:14

    Hallo zusammen,
    erstmal vielen Dank fürs reinschauen!
    Ich bin gerade dabei für meine TYPO3 Seite mir eine LoginBox zu basteln.
    Mein Felogin bzw. Einloggen usw. Funktioniert schon.
    Es wird ein Login OHNE Registration.

    Nun ich hätte gern diesen Login:

    http://thefinishedbox.com/freebies/scripts/jquery-dropdown-login/

    Ich habe das Teil mal runtergeladen.
    Die CSS in mein Style.css und die JS in mein JS Ordner und habs per HTML includet.
    Auch die Images sind im richtigen Ordner.
    Soweit würde das Script auch funktionieren rein in HTML.
    Doch ich schaff es nicht mein Felogin zu koppeln mit der LoginBox.

    Nach suchen habe ich folgendes TS Script gefunden:

    1. xx.render.haendlerlogin = COA
    2. xx.render.haendlerlogin {
    3. wrap = <div class="wrapper">|</div>
    4.  
    5. 30 = COA
    6. 30 {
    7. 10 = TEXT
    8. 10.wrap = <a href="#" id="loginButton" class="h-button"><span>|</span></a>
    9. 10.value = Händler-Login
    10.  
    11.  
    12.  
    13. 20 = COA
    14. 20 {
    15. wrap = <div id="loginBox"> | </div>
    16. 10 < plugin.tx_felogin_pi1
    17. 10 {
    18. feloginBaseURL = xxx
    19. storagePid = 662
    20. templateFile = fileadmin/templates/felogin/felogin_standard.html
    21. showForgotPasswordLink = 1
    22. #welcomeHeader_stdWrap >
    23. #welcomeMessage_stdWrap >
    24. #logoutHeader_stdWrap >
    25. #logoutHeader_stdWrap >
    26. #successHeader_stdWrap >
    27.  
    28. showLogoutFormAfterLogin = 1
    29. noSuccessMessageAfterLogin = 1
    30. dateFormat = d.m.Y
    31.  
    32. redirectMode = login
    33. #_CSS_DEFAULT_STYLE >
    34. }
    35. 40 = TEXT
    36. 40.value = <div class="reg-link"><a href="/?id=659" alt="Link zum Registrationsformular">Neu registrieren</a></div>
    37. }
    38.  
    39.  
    40.  
    41. }
    42. }
    43.  
    44. xx.panel_js = COA
    45. xx.panel_js {
    46.  
    47. 30 = TEXT
    48. 30.value (
    49. <script type="text/javascript">
    50. $(function() {
    51. var button = $('#loginButton');
    52. var box = $('#loginBox');
    53. var form = $('#loginForm');
    54. button.removeAttr('href');
    55. button.mouseup(function(login) {
    56. box.toggle();
    57. button.toggleClass('active');
    58. });
    59. form.mouseup(function() {
    60. return false;
    61. });
    62. $(document).mouseup(function(login) {
    63. if(!($(login.target).parents('#loginButton').length > 0)) {
    64. button.removeClass('active');
    65. box.hide();
    66. }
    67. });
    68. });
    69.  
    70. </script>
    71. )
    72.  
    73.  
    74. }

    Es ist von jemand der es auch mal versucht hat, aber ich kann es nicht für mich abwandeln
    Vor allem weiss ich nicht wie ich dem HTML sagen soll hier setze die LoginBox ein ?

    HTML:

    1. <!-- ###DOKUMENT### begin -->
    2. <style type="text/css">
    3. #search {
    4. }
    5. #search input[type="text"] {
    6. background: url(http://localhost/typo3/fileadmin/template/img/search-white.png) no-repeat 10px 6px #fcfcfc;
    7. border: 1px solid #d1d1d1;
    8. font: bold 12px Arial,Helvetica,Sans-serif;
    9. color: #bebebe;
    10. width: 80px;
    11. padding: 6px 15px 6px 35px;
    12. -webkit-border-radius: 20px;
    13. -moz-border-radius: 20px;
    14. border-radius: 20px;
    15. text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    16. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    17. -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    18. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    19. -webkit-transition: all 0.7s ease 0s;
    20. -moz-transition: all 0.7s ease 0s;
    21. -o-transition: all 0.7s ease 0s;
    22. transition: all 0.7s ease 0s;
    23. }
    24. #search input[type="text"]:focus {
    25. width: 130px;
    26. }
    27. <script type="text/javascript" src="fileadmin/template/js/hoverIntent.js"></script>
    28. <script type="text/javascript" src="fileadmin/template/js/superfish.js"></script>
    29. <script type="text/javascript" src="fileadmin/template/js/supersubs.js"></script>
    30. <script type="text/javascript" src="fileadmin/template/js/login.js"></script>
    31. <script type="text/javascript">
    32. // initialise plugins
    33. $(document).ready(function(){
    34. $("ul.sf-menu").supersubs({
    35. minWidth: 11, // minimum width of sub-menus in em units
    36. maxWidth: 27, // maximum width of sub-menus in em units
    37. extraWidth: 1 // extra width can ensure lines don't sometimes turn over
    38. // due to slight rounding differences and font-family
    39. }).superfish({
    40. animation: {opacity:'toggle',height:'show',width:'show'},
    41. speed: 'fast'
    42. }); // call supersubs first, then superfish, so that subs are
    43. // not display:none when measuring. Call before initialising
    44. // containing tabs for same reason.
    45. });
    46.  
    47. <div id="center">
    48. <div id="head">
    49. <div class="login">
    50. <!-- ###LOGIN### start -->
    51. Hier hätte ich gerne die LoginBox
    52. <!-- ###LOGIN### stop -->
    53. </div>
    54. <div id="logo">###LOGO###</div>
    55. </div>
    56. <div id="navigation">###NAVI###</div>
    57. <div id="headerbild">###HEADERBILD###</div>
    58. <div style="float:right; padding-top: 55px; padding-right: 13px;" class="searchform">
    59. <form method="post" action="http://localhost/typo3/index.php?id=78" id="search">
    60. <input type="text" size="10" title="" value="" name="tx_indexedsearch[sword]" class="searchbox" placeholder="Suche..." />
    61. <input type="hidden" value="1" name="tx_indexedsearch[type]" />
    62. <input type="hidden" name="tx_indexedsearch[lang]" value="0" />
    63. <input type="hidden" value="1" name="no_cache" />
    64. </form>
    65. </div>
    66. <div style="clear:both;"></div>
    67. <div id="headernavi">###HEADERNAVI###</div>
    68. <div id="content">
    69. <div id="con-left-right">
    70. <div id="con-left">###CONTENT###</div>
    71. <div id="con-right">###RIGHT###</div>
    72. </div>
    73. <div id="footer">
    74. ###FOOTER###<br style="clear:both;" />
    75. </div>
    76. </div>
    77. </div>
    78. <!-- ###DOKUMENT### end

    Würde mir bitte jemand helfen? Ich komm einfach nicht weiter..
    Danke


  • karlchen karlchen
    Jedi-General
    0 x
    1283 Beiträge
    13 Hilfreiche Beiträge
    25. 04. 2012, 13:00

    du hast jetzt für deine Felogin Box einen Subpart in dein HTML geschrieben

    Also musst du das ganz so in etwa ansprechen

    1. xx.render.haendlerlogin{
    2. ....
    3. }
    4.  
    5. // achte darauf es deine Struktur anzupassen
    6. page.10.subparts.LOGIN < xx.render.haendlerlogin

    danach musst du noch das javascript hinzufügen

    1. // das von dir gepostet jquery skript sollte eher in den Footer, nicht in den Header
    2. page.jsFooterInline.1234567890 < xx.panel_js

    kannste aber auch alles im tsref.de nachlesen

  • 0 x
    70 Beiträge
    0 Hilfreiche Beiträge
    25. 04. 2012, 13:14

    Danke Karlchen,
    für deine schnelle Hilfe

    Meintest du es so?

    1. #################################
    2. # Indexed Search aktivieren
    3. #################################
    4. config.index_enable = 1
    5.  
    6.  
    7. # RealURL
    8. #config.simulateStaticDocuments = 0
    9. #config.baseURL = http://www.test-typo3.de/
    10. #config.tx_realurl_enable = 1
    11. #config.uniqueLinkVars = 1
    12. #config.linkVars = L
    13.  
    14. #E-Mail Antispam
    15. config.spamProtectEmailAddresses = 1
    16. config.spamProtectEmailAddresses_atSubst = (at)
    17.  
    18. config {
    19. #Kommentare ausblenden
    20. disablePrefixComment = 1
    21. xhtml_cleaning = all
    22. index_enable = 1
    23. linkVars = L
    24. sys_language_uid = 0
    25. language = de
    26. locale_all = de_DE
    27. htmlTag_langKey = de
    28. metaCharset = utf-8
    29. #renderCharset = utf-8
    30. additionalHeaders = Content-Type:text/html;charset=utf-8
    31. extTarget=_blank
    32. doctype = xhtml_trans
    33. }
    34.  
    35.  
    36. #csc-header entfernen
    37. lib.stdheader.stdWrap.dataWrap >
    38. #�berschriften ohne Zus�tze
    39. lib.stdheader.2.headerStyle >
    40. lib.stdheader.3.headerClass >
    41. # class="bodytext" bei RTE abstellen
    42. lib.parseFunc_RTE.nonTypoTagStdWrap.encapsLines.addAttributes.P.class >
    43. # Ummantelung mit <p> bei folgenden Tags verhindern
    44. lib.parseFunc_RTE.nonTypoTagStdWrap.encapsLines.encapsTagList = cite, div, p, pre, hr, h1, h2, h3, h4, h5, h6,table,tr,td
    45. #p bei Tabellenzellen entfernen
    46. #lib.parseFunc_RTE.externalBlocks.table.stdWrap.HTMLparser.removeTags = p
    47. #Klassen in Tabellen zulassen
    48. lib.parseFunc_RTE.externalBlocks.table.stdWrap.HTMLparser.tags.table.fixAttrib.class.list >
    49.  
    50. page = PAGE
    51. page {
    52.  
    53. config.disablePrefixComment = 1
    54. shortcutIcon = fileadmin/template/images/favicon.ico
    55. typeNum = 0
    56. bodyTag =
    57.  
    58. includeCSS {
    59. file1 = fileadmin/template/style.css
    60. file1.media = screen
    61. }
    62. includeJS.file10 = fileadmin/template/js/jquery.min.js
    63.  
    64. includeJSFooter{
    65. file11 = fileadmin/template/js/animated-menu.js
    66. file12 = fileadmin/template/js/general.js
    67. file13 = fileadmin/template/js/jquery.easing.1.3.js
    68. }
    69.  
    70.  
    71. bodyTagCObject = TEXT
    72. bodyTagCObject.field = uid
    73. bodyTagCObject.wrap = <!!=|>
    74.  
    75. 10 = TEMPLATE
    76. 10.template = FILE
    77. 10.template.file = fileadmin/template/template.html
    78. 10.workOnSubpart = DOKUMENT
    79. 10.marks {
    80.  
    81. LOGO = TEXT
    82. LOGO.value = <a href="/" title="Startseite"><img src="fileadmin/template/img/logo.png"></a>
    83.  
    84. NAVI= HMENU
    85. NAVI {
    86. special = directory
    87. special.value = 1
    88. 1 = TMENU
    89. 1 {
    90. wrap = <ul class="sf-menu">|</ul>
    91. noBlur = 1
    92. expAll = 1
    93. NO = 1
    94. NO.before.dataWrap = <li id="pageUid_{field:uid}"> |
    95. NO.wrapItemAndSub = |</li>
    96. NO.ATagTitle.field = title // nav_title
    97. ACT < .NO
    98. ACT = 1
    99. ACT.ATagParams = class="active"
    100. }
    101. 2 < .1
    102. 2 {
    103. noBlur = 0
    104. }
    105. 3 < .2
    106. }
    107.  
    108. table = tt_content
    109. select.orderBy = sorting
    110. select.languageField = sys_language_uid
    111. select.where = colPos = 0
    112. renderObj < tt_content
    113. renderObj.stdWrap.wrap = <div id="con-mitte-left"><!--TYPO3SEARCH_begin--> | <!--TYPO3SEARCH_end--></div>
    114. }
    115.  
    116. RIGHT = CONTENT
    117. RIGHT {
    118. table = tt_content
    119. slide = -1
    120. select.orderBy = sorting
    121. select.languageField = sys_language_uid
    122. select.where = colPos = 2
    123. renderObj < tt_content
    124. renderObj.stdWrap.wrap = <div id="con-mitte-right"> | </div>
    125. }
    126.  
    127. HEADERBILD = CONTENT
    128. HEADERBILD {
    129. table = tt_content
    130. slide = -1
    131. select.orderBy = sorting
    132. select.languageField = sys_language_uid
    133. select.where = colPos = 1
    134. renderObj < tt_content
    135. renderObj.stdWrap.wrap = <div id="con-headerbild"> | </div>
    136. }
    137.  
    138. FOOTER = HMENU
    139. FOOTER {
    140. special = list
    141. special.value = 116,55,127,128
    142. 1 = TMENU
    143. 1 {
    144. wrap = <div class="menu-footer"> | </div>
    145. NO.allWrap = |&nbsp; |*|&bull;&nbsp;|&nbsp;|*|&bull;&nbsp;|
    146. NO.ATagTitle.field = title // nav_title
    147. ACT < .NO
    148. ACT = 1
    149. ACT.ATagParams = class="active"
    150. }
    151. }
    152.  
    153. HEADERNAVI = HMENU
    154. HEADERNAVI {
    155. special = list
    156. special.value = 6,10,11
    157. 1 = GMENU
    158. 1.noBlur = 1
    159. 1.wrap = |
    160. 1.NO = 1
    161. 1.NO {
    162. altImgResource.import = uploads/media/
    163. altImgResource.import.field = media
    164. altImgResource.import.listNum = 0
    165. }
    166. 1.RO < .1.NO
    167. 1.RO = 1
    168. 1.RO.altImgResource.import.listNum = 1
    169. }
    170. }
    171.  
    172. }
    173. }
    174.  
    175. plugin.tx_indexedsearch._DEFAULT_PI_VARS.lang = 0
    176. config.index_externals = 1 (z.B. für PDF Files)
    177. config.sys_language_uid = 0
    178. config.language = de
    179.  
    180. config.index_externals = 1
    181. # Anzahl der anzuzeigenden Resultate pro Seite
    182. plugin.tx_indexedsearch._DEFAULT_PI_VARS.results = 10
    183. plugin.tx_indexedsearch {
    184. # ID der obersten Seite
    185. search.rootPidList = 1
    186. show.rules = 0
    187. show.advancedSearchLink = 1
    188. show.L1sections = 0
    189. templateFile = fileadmin/template/indexed_search.tmpl
    190. _DEFAULT_PI_VARS.lang = 0
    191. browseBoxWrap = <div class="browsebox">|</div>
    192. pageWrap = <span>|</span>
    193. }
    194.  
    195. page.10.subparts.LOGIN = COA
    196. page.10.subparts.LOGIN {
    197. wrap = <div class="wrapper">|</div>
    198.  
    199. 30 = COA
    200. 30 {
    201. 10 = TEXT
    202. 10.wrap = <a href="#" id="loginButton" class="h-button"><span>|</span></a>
    203. 10.value = Händler-Login
    204.  
    205.  
    206.  
    207. 20 = COA
    208. 20 {
    209. wrap = <div id="loginBox"> | </div>
    210. 10 < plugin.tx_felogin_pi1
    211. 10 {
    212. feloginBaseURL = xxx
    213. storagePid = 662
    214. templateFile = fileadmin/templates/felogin/felogin_standard.html
    215. showForgotPasswordLink = 1
    216. #welcomeHeader_stdWrap >
    217. #welcomeMessage_stdWrap >
    218. #logoutHeader_stdWrap >
    219. #logoutHeader_stdWrap >
    220. #successHeader_stdWrap >
    221.  
    222. showLogoutFormAfterLogin = 1
    223. noSuccessMessageAfterLogin = 1
    224. dateFormat = d.m.Y
    225.  
    226. redirectMode = login
    227. #_CSS_DEFAULT_STYLE >
    228. }
    229. 40 = TEXT
    230. 40.value = <div class="reg-link"><a href="/?id=659" alt="Link zum Registrationsformular">Neu registrieren</a></div>
    231. }
    232.  
    233.  
    234.  
    235. }
    236. }
    237.  
    238.  
    239. page.jsFooterInline.1234567890 = COA
    240. page.jsFooterInline.1234567890 {
    241.  
    242. 30 = TEXT
    243. 30.value (
    244. <script type="text/javascript">
    245. $(function() {
    246. var button = $('#loginButton');
    247. var box = $('#loginBox');
    248. var form = $('#loginForm');
    249. button.removeAttr('href');
    250. button.mouseup(function(login) {
    251. box.toggle();
    252. button.toggleClass('active');
    253. });
    254. form.mouseup(function() {
    255. return false;
    256. });
    257. $(document).mouseup(function(login) {
    258. if(!($(login.target).parents('#loginButton').length > 0)) {
    259. button.removeClass('active');
    260. box.hide();
    261. }
    262. });
    263. });
    264.  
    265. </script>
    266. )
    267.  
    268.  
    269. }
    270.  
    271. /*[usergroup=*]
    272.   page.10.subparts.LOGIN = TEXT
    273.   page.10.subparts.LOGIN.value(
    274.   <form action="index.php?id=1" method="post">
    275.   Angemeldet als: <span><!--###USERNAME###--></span>
    276.   <br />
    277.   <input class="submit logout" type="submit" name="submit" value="Abmelden" />
    278.   <input type="hidden" name="logintype" value="logout"/>
    279.   <input type="hidden" name="pid" value="132" />
    280.   </form>
    281.   )
    282. [else]
    283.   page.10.subparts.LOGIN = TEXT
    284.   page.10.subparts.LOGIN.value (
    285.   <form action="index.php?id=1" method="post" onsubmit="superchallenge_pass(this); return true;">
    286.   <input class="input" type="text" id="user" name="user" value="Benutzername" onfocus="if (this.value == 'Benutzername') this.value = '';"/>
    287.   <input class="input" type="password" id="pass" name="pass" value="password" onfocus="if (this.value == 'password') this.value = '';"/>
    288.   <input class="submit" type="submit" name="submit" value="Anmelden"/>
    289.   <input type="hidden" name="logintype" value="login"/>
    290.   <input type="hidden" name="pid" value="132" />
    291.   <input type="hidden" name="redirect_url" value="index.php?id=1" />
    292.   </form>
    293.   )
    294. [GLOBAL]*/
    295.  
    296.  
    297. [globalVar = TSFE:id = 1]
    298. page.includeJS.file81 = fileadmin/template/js/general-start.js
    299. [global]
    300.  
    301.  
    302.  
    303. ####
    304. # Condition for layout
    305. #####
    306.  
    307. [globalVar = TSFE<i class="mmforum-iconset-20-razz"></i>age|layout = 1]
    308. page.10.template.file = fileadmin/template/temp-kontakt.html
    309. [global]
    310.  
    311.  
    312. [globalVar=TSFE<i class="mmforum-iconset-20-razz"></i>age|layout=2]
    313. page.10.template.file = fileadmin/template/temp-start.html
    314. [global]
    315.  
    316.  
    317. [browser = msie]
    318. page.includeCSS.file90 = fileadmin/template/ie.css
    319. [GLOBAL]

    Jetzt zeigt es mir zumindest den Button an! Darauf steht "Händler-Login"
    Klicke ich drauf kommt "registrieren" bisschen komisch noch..
    Ich denke aber ich bin nahe dran..

  • 0 x
    70 Beiträge
    0 Hilfreiche Beiträge
    25. 04. 2012, 14:15

    Ok... bin doch alleine weiter gekommen!
    Ich habe im Fildeadmin ein Template angelegt.
    Jetzt lädt es auch den Teil mit der Benutzereingabe..
    Doch klicke ich jetzt auf das Feld geht das ganze wieder zu

  • 0 x
    70 Beiträge
    0 Hilfreiche Beiträge
    26. 04. 2012, 10:41

    Im Moment funktioniert alles!
    Bin gerade dabei die CSS anzupassen...
    Das ganze sieht bis jetzt so aus, dass ich oben im Header auf "login" klicke dann togglet unten das Loginfeld auf...
    Ich kann mich dann einloggen... Aber ich möchte das jetzt oben im Header drin steht Abmelden und als was man angemeldet ist..
    praktisch gesagt die "logout-box" in der "felogin-template.html" habe ich versucht das Logout form zu formatieren hab dem Logout in meiner CSS auch eine ID gegeben funktioniert.. doch die position kann ich nicht verändern.. weil es kein eigenständiges DIV ist
    Meine frage ist.. wie kann ich die Logout-Box anlegen?

    hier mal mein TS teil:

    1. page.10.subparts.LOGIN = COA
    2. page.10.subparts.LOGIN {
    3. wrap = <div class="wrapper">|</div>
    4.  
    5. 30 = COA
    6. 30 {
    7. 10 = TEXT
    8. 10.wrap = <a href="#" id="loginButton" class="h-button"><span>|</span></a>
    9. 10.value = Login
    10.  
    11.  
    12.  
    13. 20 = COA
    14. 20 {
    15. wrap = <div id="loginBox"> | </div>
    16. 10 < plugin.tx_felogin_pi1
    17. 10 {
    18. feloginBaseURL = xxx
    19. storagePid = 132
    20. templateFile = fileadmin/template/felogin/felogin_standard.html
    21. showForgotPasswordLink = 1
    22. #welcomeHeader_stdWrap >
    23. #welcomeMessage_stdWrap >
    24. #logoutHeader_stdWrap >
    25. #logoutHeader_stdWrap >
    26. #successHeader_stdWrap >
    27.  
    28. showLogoutFormAfterLogin = 1
    29. noSuccessMessageAfterLogin = 1
    30. dateFormat = d.m.Y
    31.  
    32. redirectMode = login
    33. #_CSS_DEFAULT_STYLE >
    34.  
    35. }
    36. }
    37.  
    38.  
    39. page.jsFooterInline.1234567890 = COA
    40.  
    41. page.jsFooterInline.1234567890 {
    42.  
    43. 30 = TEXT
    44. 30.value (
    45. <script type="text/javascript">
    46. $(function() {
    47. var button = $('#loginButton');
    48. var box = $('#loginBox');
    49. var form = $('#loginForm');
    50. button.removeAttr('href');
    51. button.mouseup(function(login) {
    52. box.toggle();
    53. button.toggleClass('active');
    54. });
    55. form.mouseup(function() {
    56. return false;
    57. });
    58. $(document).mouseup(function(login) {
    59. if(!($(login.target).parents('#loginButton').length > 0)) {
    60. button.removeClass('active');
    61. box.hide();
    62. }
    63. });
    64. });
    65.  
    66. </script>
    67. )
    68.  
    69.  
    70. }

    Ich glaub die CSS und die HTML werden nicht erstmal nicht benötigt oder?

    danke schon mal

  • karlchen karlchen
    Jedi-General
    0 x
    1283 Beiträge
    13 Hilfreiche Beiträge
    26. 04. 2012, 12:10

    verstehe gerade nicht so ganz was du meinst,
    die Logout-box wird also ausgegeben, aber an der falschen Stelle ? oder wird nicht angezeigt ?
    Kannste mal ein paar Screenshots zeigen ?

  • 0 x
    70 Beiträge
    0 Hilfreiche Beiträge
    26. 04. 2012, 12:27

    Danke Für deine Nachricht
    tut mir leid ist nicht immer so einfach das ganze zu beschreiben..
    also..
    hier wäre mal der 1. screen

    der 2.

    und hier der 3. der entscheidende...

    Praktisch ist das die Anzeige wenn jemand eingeloggt ist..
    diese taucht nur auf wenn man wieder auf "login" klickt..
    dann steht da.. benutername etc.
    Aber ich will nicht das es dort steht.. sondern konstant ganz oben..
    aber ich kann das icht formatieren.. nur die formfelder und den button..
    die box nicht weil die irgendwie zusammenhängt mit der loginbox

    ich hoffe man hat mich jetzt verstanden

    was natürlich luxus wäre.. wenn man angemeldet ist nicht mehr login sondern einfach loggout dran steht aber ich glaub das schaff ich nich

    danke karlchen

  • karlchen karlchen
    Jedi-General
    0 x
    1283 Beiträge
    13 Hilfreiche Beiträge
    26. 04. 2012, 15:20

    Aha,

    das sind jedoch alles eher CSS und jQuery Probleme, aufgrund deiner HTML/CSS/JS Strukturen kann man dir da gar nicht wirklich was genaues sagen.

  • 0 x
    70 Beiträge
    0 Hilfreiche Beiträge
    27. 04. 2012, 10:09

    Hallo Karlchen,

    also ich versuchs nochmal zu beschreiben..
    Es wird nur eine Box erstellt und zwar die LoginBOX
    Das heisst, ich kann auch nur diese per CSS formatieren...
    z.B. Ich sage die LoginBOX soll ganz rechts stehen..
    ABER wenn ich eingeloggt bin soll eine neue BOX da sein die LogoutBOX
    also ein neues DIV das ich formatieren kann und sagen kann das soll zb. links stehen oder im header... wenn ich in meinen Firebug sehe erstellt es aber nur lediglich ein DIV das loginbox..
    das ist mein problem

  • timmy2007 timmy2007
    Jedi-Meister
    0 x
    426 Beiträge
    0 Hilfreiche Beiträge
    15. 06. 2012, 17:02

    [quote="ginobranco"]
    Hallo Karlchen,

    also ich versuchs nochmal zu beschreiben..
    Es wird nur eine Box erstellt und zwar die LoginBOX
    Das heisst, ich kann auch nur diese per CSS formatieren...
    z.B. Ich sage die LoginBOX soll ganz rechts stehen..
    ABER wenn ich eingeloggt bin soll eine neue BOX da sein die LogoutBOX
    also ein neues DIV das ich formatieren kann und sagen kann das soll zb. links stehen oder im header... wenn ich in meinen Firebug sehe erstellt es aber nur lediglich ein DIV das loginbox..
    das ist mein problem
    [/quote]

    Ich glaube ich weiss, was Du suchst. Denn auch ich bin auf der Suche nach einer Lösung, wie ich eine ähnliche Loginbox machen kann, wie es z.B. bei der aktuellen typo3.org Webseite verwendet wird.

    Ich habe deswegen schon einen Thread aufgemacht:Loginformular mit Dropdownbox realisieren

    Vielleicht kann uns jemand dabei weiterhelfen?

  • ala ala
    Jar Jar Binks
    0 x
    1 Beiträge
    0 Hilfreiche Beiträge
    18. 12. 2012, 15:41

    Hallo,
    ich habe das formular integriert und schaut gut aus, ich habe aber eine problem und zwar wenn ich das formular klicke verschwindet das ganze ???
    kann mir bitte jemand helfen??
    Vielen dank im voraus.