phpBB România

forumul phpBB in limba romana. Opinii, implementari, ajutor, instructiuni si download.
https://phpbb3.ro/community/

Modificare design bara

https://phpbb3.ro/community/viewtopic.php?t=18260

Pagina 1 din 1

Modificare design bara

Scris: 11-Mai-2011, 11:21:04
de RapKid
Salutare tuturor din cate vedeti am inceput iar sa am probleme oricat fata de cum eram la inceput sunt mai avansat.Deci sa trecem la subiect cume trebuie sa intru pentru a modificat bara aceasta de sus!

Poza:
Imagine

Cod: Selectaţi tot

http://imageshack.us/m/651/9334/myjx.jpg

Stil: DarkGan
Vers: 3.0.8

Re: Modificare design bara

Scris: 11-Mai-2011, 13:54:27
de dorin
Modifici dupa dorinte fisierul styles/stilul meu/template/overall_header.html.

Re: Modificare design bara

Scris: 12-Mai-2011, 10:24:45
de RapKid
Si cam ce ar trebui sa modific din scripu asta? Ca ma asteptam sa fie o imagine ceva :(

Cod: Selectaţi tot

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" lang="{S_USER_LANG}" xml:lang="{S_USER_LANG}">
<head>
<!-- INCLUDE ca_config.html -->
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-language" content="{S_USER_LANG}" />
<meta http-equiv="content-style-type" content="text/css" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="resource-type" content="document" />
<meta name="distribution" content="global" />
<meta name="copyright" content="2000, 2002, 2005, 2007 phpBB Group" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="author" content="xDanger.Ro Design">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<style type="text/css">
<!--
.style1 {font-size: 18px}
.style2 {font-size: 16px}
-->
</style>
{META}
<title>{SITENAME} &bull; &copy; xDanger.Ro</title>

<!-- IF S_ENABLE_FEEDS -->
	<!-- IF S_ENABLE_FEEDS_OVERALL --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {SITENAME}" href="{U_FEED}" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_NEWS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_NEWS}" href="{U_FEED}?mode=news" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_FORUMS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_ALL_FORUMS}" href="{U_FEED}?mode=forums" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPICS --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_NEW}" href="{U_FEED}?mode=topics" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPICS_ACTIVE --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FEED_TOPICS_ACTIVE}" href="{U_FEED}?mode=topics_active" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_FORUM and S_FORUM_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_FORUM} - {FORUM_NAME}" href="{U_FEED}?f={S_FORUM_ID}" /><!-- ENDIF -->
	<!-- IF S_ENABLE_FEEDS_TOPIC and S_TOPIC_ID --><link rel="alternate" type="application/atom+xml" title="{L_FEED} - {L_TOPIC} - {TOPIC_TITLE}" href="{U_FEED}?f={S_FORUM_ID}&t={S_TOPIC_ID}" /><!-- ENDIF -->
<!-- ENDIF -->

<link rel="stylesheet" href="{T_STYLESHEET_LINK}" type="text/css" />

<script type="text/javascript">
// <![CDATA[
<!-- IF S_USER_PM_POPUP -->
	if ({S_NEW_PM})
	{
		popup('{UA_POPUP_PM}', 400, 225, '_phpbbprivmsg');
	}
<!-- ENDIF -->

function popup(url, width, height, name)
{
	if (!name)
	{
		name = '_popup';
	}

	window.open(url.replace(/&/g, '&'), name, 'height=' + height + ',resizable=yes,scrollbars=yes,width=' + width);
	return false;
}

function jumpto()
{
	var page = prompt('{LA_JUMP_PAGE}:', '{ON_PAGE}');
	var per_page = '{PER_PAGE}';
	var base_url = '{A_BASE_URL}';

	if (page !== null && !isNaN(page) && page == Math.floor(page) && page > 0)
	{
		if (base_url.indexOf('?') == -1)
		{
			document.location.href = base_url + '?start=' + ((page - 1) * per_page);
		}
		else
		{
			document.location.href = base_url.replace(/&/g, '&') + '&start=' + ((page - 1) * per_page);
		}
	}
}

/**
* Find a member
*/
function find_username(url)
{
	popup(url, 760, 570, '_usersearch');
	return false;
}

/**
* Mark/unmark checklist
* id = ID of parent container, name = name prefix, state = state [true/false]
*/
function marklist(id, name, state)
{
	var parent = document.getElementById(id);
	if (!parent)
	{
		eval('parent = document.' + id);
	}

	if (!parent)
	{
		return;
	}

	var rb = parent.getElementsByTagName('input');
	
	for (var r = 0; r < rb.length; r++)
	{
		if (rb[r].name.substr(0, name.length) == name)
		{
			rb[r].checked = state;
		}
	}
}

<!-- IF ._file -->

	/**
	* Play quicktime file by determining it's width/height
	* from the displayed rectangle area
	*
	* Only defined if there is a file block present.
	*/
	function play_qt_file(obj)
	{
		var rectangle = obj.GetRectangle();

		if (rectangle)
		{
			rectangle = rectangle.split(',')
			var x1 = parseInt(rectangle[0]);
			var x2 = parseInt(rectangle[2]);
			var y1 = parseInt(rectangle[1]);
			var y2 = parseInt(rectangle[3]);

			var width = (x1 < 0) ? (x1 * -1) + x2 : x2 - x1;
			var height = (y1 < 0) ? (y1 * -1) + y2 : y2 - y1;
		}
		else
		{
			var width = 200;
			var height = 0;
		}

		obj.width = width;
		obj.height = height + 16;

		obj.SetControllerVisible(true);

		obj.Play();
	}
<!-- ENDIF -->

// ]]>

</script>
<!DOCTYPE HTML>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="animatedcollapse.js">

/***********************************************
* Animated Collapsible DIV v2.4- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/

</script>


<script type="text/javascript">

animatedcollapse.addDiv('headeroptions', 'fade=1,height=20px')
animatedcollapse.addDiv('topicoptions', 'fade=1,speed=300')
animatedcollapse.addDiv('michael', 'fade=1,height=120px')

animatedcollapse.addDiv('cat', 'fade=0,speed=400,group=pets')
animatedcollapse.addDiv('dog', 'fade=0,speed=400,group=pets,persist=1,hide=1')
animatedcollapse.addDiv('rabbit', 'fade=0,speed=400,group=pets,hide=1')

animatedcollapse.ontoggle=function($, divobj, state){ //fires each time a DIV is expanded/contracted
	//$: Access to jQuery
	//divobj: DOM reference to DIV being expanded/ collapsed. Use "divobj.id" to get its ID
	//state: "block" or "none", depending on state
}

animatedcollapse.init()

</script>
<script type="text/javascript">
function UR_Start()
{
   UR_Nu = new Date;
   UR_Indhold = showFilled(UR_Nu.getHours()) + ":" + showFilled(UR_Nu.getMinutes()) + ":" + showFilled(UR_Nu.getSeconds());
   document.getElementById("ur").innerHTML = UR_Indhold;
   setTimeout("UR_Start()",1000);
}
function showFilled(Value)
{
   return (Value > 9) ? "" + Value : "0" + Value;
}

</script>
</head>
<body class="{S_CONTENT_DIRECTION}" onload="UR_Start()">

<a name="top"></a>

<div id="wrapheader">
<center>


<table align="center" class="menu-sus" width="990" border="0" cellspacing="0" cellpadding="0" style="border:1px solid #00a7de">
  <tr>
    <td align="left">
				&nbsp;&nbsp;&nbsp;
				<!-- IF U_RESTORE_PERMISSIONS --> &nbsp;<a href="{U_RESTORE_PERMISSIONS}">{L_RESTORE_PERMISSIONS}</a><!-- ENDIF -->
				<!-- IF S_BOARD_DISABLED and S_USER_LOGGED_IN --> &nbsp;<span style="color: red;">{L_BOARD_DISABLED}</span><!-- ENDIF -->
				<!-- IF not S_IS_BOT -->
				<!-- IF S_USER_LOGGED_IN -->
				<!-- IF S_DISPLAY_PM --> &nbsp;<a href="{U_PRIVATEMSGS}">{PRIVATE_MESSAGE_INFO}<!-- IF PRIVATE_MESSAGE_INFO_UNREAD -->, {PRIVATE_MESSAGE_INFO_UNREAD}<!-- ENDIF --></a><!-- ENDIF -->
				<!-- ELSEIF S_REGISTER_ENABLED and not (S_SHOW_COPPA or S_REGISTRATION) --> &nbsp;<a href="{U_REGISTER}"> {L_REGISTER}</a>
				<!-- ENDIF -->
				&nbsp;
				<!-- ENDIF -->	
				<a href="{U_FAQ}"> {L_FAQ}</a>
				<!-- IF S_DISPLAY_SEARCH -->&nbsp; &nbsp;<a href="{U_SEARCH}">{L_SEARCH}</a><!-- ENDIF -->
				<!-- IF not S_IS_BOT -->
					<!-- IF S_DISPLAY_MEMBERLIST -->&nbsp; &nbsp;<a href="{U_MEMBERLIST}">{L_MEMBERLIST}</a><!-- ENDIF -->
					<!-- IF S_USER_LOGGED_IN -->&nbsp; &nbsp;<a href="{U_PROFILE}">{L_PROFILE}</a><!-- ENDIF -->
				<!-- ENDIF -->	</td>
    <td align="right">
	<!-- IF not S_IS_BOT --><a href="{U_LOGIN_LOGOUT}">{L_LOGIN_LOGOUT}</a>&nbsp;<!-- ENDIF --> &nbsp;	</td>
  
  </tr>
</table>

<div align="center">
  <a href="{U_INDEX}">{SITE_LOGO_IMG}</a>
</div>
    

<!-- IF not S_USER_LOGGED_IN and not S_IS_BOT -->
<form method="post" action="{S_LOGIN_ACTION}">
<table align="center" class="loginform" width="990" height="30" border="0" cellspacing="0" cellpadding="0">
  <tr>
  <td align="left"> &nbsp;&nbsp;<a class="gensmall" href="ucp.php?mode=sendpassword">{L_FORGOT_PASS}</a> </td>
    <td align="center">
	 <span class="genmed">{L_USERNAME}:</span> <input class="post" type="text" name="username" size="10" />&nbsp; <span class="genmed">{L_PASSWORD}:</span> <input class="post" type="password" name="password" size="10" />&nbsp; <!-- IF S_AUTOLOGIN_ENABLED --> <span class="gensmall">{L_LOG_ME_IN}</span> <input type="checkbox" class="radio" name="autologin" /><!-- ENDIF -->&nbsp; <input type="submit" class="btnmain" name="login" value="{L_LOGIN}" />	</td>
    <td align="right">
				
					
				<a class="gensmall" href="ucp.php?mode=resend_act">{L_RESEND_ACTIVATION}</a>&nbsp;&nbsp;</td>
  </tr>
</table>
	{S_LOGIN_REDIRECT}
	{S_FORM_TOKEN}
</form>
<!-- ENDIF -->
</center>
</div>
<div id="wrapcentre">

	<!-- INCLUDE breadcrumbs.html -->

	<br />

Re: Modificare design bara

Scris: 12-Mai-2011, 13:21:51
de ZHI
/styles/cTr-dArK/theme/stylesheet.css
Ai codul urmator:

Cod: Selectaţi tot

.menu-sus {	
background-color: none;
height:30px;
border: 2px solid #1C1C1C;
 border-radius-bottomleft: 10px;
-o-border-radius-bottomleft: 10px;
-icab-border-radius-bottomleft: 10px;
-khtml-border-radius-bottomleft: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-radius-bottomleft: 10px;
 border-bottom-left-radius: 10px;
 -o-border-bottom-left-radius: 10px;
 -icab-border-bottom-left-radius: 10px;
 -khtml-border-bottom-right-radius: 10px; 
-moz-border-bottom-right-radius: 10px;
 -webkit-border-bottom-right-radius: 10px; 
padding: 5px 5px 5px 15px;
 border-radius-bottomright: 10px;
-o-border-radius-bottomright: 10px;
-icab-border-radius-bottomright: 10px;
-khtml-border-radius-bottomright: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-radius-bottomright: 10px;
 border-bottom-right-radius: 10px;
 -o-border-bottom-right-radius: 10px;
 -icab-border-bottom-right-radius: 10px;
 -khtml-border-bottom-right-radius: 10px; 
-moz-border-bottom-right-radius: 10px;
 -webkit-border-bottom-right-radius: 10px; 
padding: 5px 5px 5px 15px;
}

Cod: Selectaţi tot

background-color: none;
E culoarea de fundal

Cod: Selectaţi tot

height:30px;
E inaltimea

Cod: Selectaţi tot

border: 2px solid #1C1C1C;
E bordura(marime, tip, culoarea)

"padding" e pozitia, iar cele cu "border-radius" sunt pentru colturi rotunjite.

Re: Modificare design bara

Scris: 12-Mai-2011, 20:49:16
de RapKid
Multumesc:D
Ora este UTC+03:00
Pagina 1 din 1

Furnizat de phpBB® Forum Software © phpBB Limited

Translation/Traducere: phpBB România